From 1678e162edc138308bb70d8d657cd7f000f77bf9 Mon Sep 17 00:00:00 2001 From: Jeremias Peier Date: Tue, 29 Aug 2023 11:09:06 +0200 Subject: [PATCH] fix: focus outline --- .../pages/search-overlay/search-overlay.scss | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/src/storybook/pages/search-overlay/search-overlay.scss b/src/storybook/pages/search-overlay/search-overlay.scss index 8965a36679..29ba06177e 100644 --- a/src/storybook/pages/search-overlay/search-overlay.scss +++ b/src/storybook/pages/search-overlay/search-overlay.scss @@ -47,9 +47,15 @@ $timetable-margin-block: 7vh; align-items: center; gap: var(--sbb-spacing-fixed-4x); padding-block: var(--sbb-spacing-fixed-3x); - border-bottom: 1px solid var(--sbb-color-charcoal-default); + border-bottom: var(--sbb-border-width-1x) solid var(--sbb-color-charcoal-default); text-decoration: none; + &:focus-visible { + @include sbb.focus-outline; + + border-radius: var(--sbb-border-radius-2x); + } + .subtitle { @include sbb.text-xs--regular; @@ -71,6 +77,12 @@ $timetable-margin-block: 7vh; padding-block: var(--sbb-spacing-fixed-3x); text-decoration: none; color: var(--sbb-color-white-default); + + &:focus-visible { + @include sbb.focus-outline; + + border-radius: var(--sbb-border-radius-2x); + } } .show-more {