From 420b2bdfc62ed652bdf07529bcc4aa1e999700f5 Mon Sep 17 00:00:00 2001 From: Anthony LC Date: Wed, 22 Jul 2026 17:08:50 +0200 Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F(frontend)=20set=20focus=20st?= =?UTF-8?q?yle=20globally?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Lot of elements did not have a focus style, or the focus style was not consistent. We now have a global focus style that is applied to all elements that are focusable. The style is still overridable for specific elements, so buttons and other elements still have their own focus style. We will have probably to improve the focus style in the future of some elements, but this is a good start. --- src/frontend/apps/impress/src/pages/globals.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/frontend/apps/impress/src/pages/globals.css b/src/frontend/apps/impress/src/pages/globals.css index c122ac8ee..a53523514 100644 --- a/src/frontend/apps/impress/src/pages/globals.css +++ b/src/frontend/apps/impress/src/pages/globals.css @@ -24,6 +24,12 @@ body > #__next > .c__app > div:has(> .c__loader) { box-sizing: border-box; } +*:focus-visible { + outline: 2px solid var(--c--globals--colors--brand-400); + outline-offset: calc(-1 * var(--c--globals--spacings--4xs)); + border-radius: var(--c--globals--spacings--2xs); +} + main ::-webkit-scrollbar, .ReactModalPortal ::-webkit-scrollbar { width: 20px;