From 560baaba524ec189c7b2d89589243b9514b31da2 Mon Sep 17 00:00:00 2001 From: GCHQ-Developer-847 <111882109+GCHQ-Developer-847@users.noreply.github.com> Date: Tue, 11 Feb 2025 10:23:05 +0000 Subject: [PATCH] fix(web-components): fix double focus indicator on selected slotted side nav item when dark Fix double focus indicator on side nav item (light theme colour / dark foreground) when it is selected and a slotted link is used. --- .../components/ic-navigation-item/ic-navigation-item.css | 7 ------- 1 file changed, 7 deletions(-) diff --git a/packages/web-components/src/components/ic-navigation-item/ic-navigation-item.css b/packages/web-components/src/components/ic-navigation-item/ic-navigation-item.css index 87fe3ddfbe..08a15d6e85 100644 --- a/packages/web-components/src/components/ic-navigation-item/ic-navigation-item.css +++ b/packages/web-components/src/components/ic-navigation-item/ic-navigation-item.css @@ -128,13 +128,6 @@ svg { outline: var(--ic-hc-focus-outline); } -:host(.navigation-item-selected.dark) .link:focus, -:host(.navigation-item.dark) ::slotted(a.active:focus) { - box-shadow: var(--ic-border-focus); - border-radius: var(--ic-border-radius); - outline: var(--ic-hc-focus-outline); -} - :host(.navigation-item) .link:active:not(:focus), :host(.navigation-item) ::slotted(a:active:not(:focus)) { background-color: var(--ic-brand-active);