From f277aa3431abf7b5353088659132233fa503f6cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marl=C3=A8ne=20SIMONDANT?= <msimondant@grandlyon.com>
Date: Fri, 9 Aug 2024 14:19:45 +0000
Subject: [PATCH] fix(accessibility): focus on news tabs in firefox
---
src/app/post/components/post-header/post-header.component.scss | 1 +
1 file changed, 1 insertion(+)
diff --git a/src/app/post/components/post-header/post-header.component.scss b/src/app/post/components/post-header/post-header.component.scss
index 4de72a4ef..c934ed5f4 100644
--- a/src/app/post/components/post-header/post-header.component.scss
+++ b/src/app/post/components/post-header/post-header.component.scss
@@ -37,6 +37,7 @@ nav {
align-items: center;
border-bottom: 3px solid transparent;
transition: all 0.3s ease-in-out;
+ outline-offset: -2px; // Fixes the focus display issue in Firefox where it was not visible due to "overflow-x" on .navigation
&.active {
@include font-bold-16;
border-color: $grey-1;
--
GitLab