From 4c6e357d3f9d8d426b7f08d93e6d982c59789f31 Mon Sep 17 00:00:00 2001 From: Trevor Burch Date: Fri, 26 Jul 2024 10:26:33 -0400 Subject: [PATCH] fix(components/lists): repeater focus styles show on focus-visible in modern theme (#2554) --- .../src/lib/modules/repeater/repeater-item.component.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/libs/components/lists/src/lib/modules/repeater/repeater-item.component.scss b/libs/components/lists/src/lib/modules/repeater/repeater-item.component.scss index ee4bc62240..24cce64b05 100644 --- a/libs/components/lists/src/lib/modules/repeater/repeater-item.component.scss +++ b/libs/components/lists/src/lib/modules/repeater/repeater-item.component.scss @@ -184,13 +184,13 @@ sky-repeater-item { border-left-color: $sky-theme-modern-background-color-primary-dark; } - &:focus, - &:active:focus { + &:focus-visible, + &:focus-visible:active { outline: solid 2px $sky-theme-modern-background-color-primary-dark; outline-offset: -2px; } - &:focus:not(:active) { + &:focus-visible:not(:active) { box-shadow: $sky-theme-modern-elevation-3-shadow-size $sky-theme-modern-elevation-3-shadow-color; }