From 4a72d5c59d0ef54b8e9b276c73cbac80b21d95b7 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;