From aaac46a9c710684524ca5e901562bef328c6768a Mon Sep 17 00:00:00 2001 From: "julia.kirschenheuter" Date: Wed, 3 Jan 2024 15:38:10 +0100 Subject: [PATCH] Harmonize focus-visible styles for vue-navigation item with none-vue navigation item Signed-off-by: julia.kirschenheuter --- src/assets/NcAppNavigationItem.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/assets/NcAppNavigationItem.scss b/src/assets/NcAppNavigationItem.scss index 985bc87962..1a1c6acd4c 100644 --- a/src/assets/NcAppNavigationItem.scss +++ b/src/assets/NcAppNavigationItem.scss @@ -111,6 +111,12 @@ width: calc(100% - #{$clickable-area}); margin: auto; } + + &:focus-visible { + box-shadow: 0 0 0 4px var(--color-main-background); + outline: 2px solid var(--color-main-text); + border-radius: var(--border-radius-pill); + } } } /* Second level nesting for lists */