Focus on list group

Orange-OpenSource · Aug 30, 2022 · 001e631 · 001e631
1 parent 611e883
commit 001e631
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/scss/_list-group.scss b/scss/_list-group.scss
@@ -53,11 +53,9 @@
   color: var(--#{$prefix}list-group-action-color);
   text-align: inherit; // For `<button>`s (anchors inherit)
   outline-offset: $spacer; // Boosted mod
-  @include transition($transition-focus); // Boosted mod
 
   // Hover state
-  &:hover,
-  &:focus {
+  &:hover{
     z-index: 1; // Place hover/focus items above their siblings for proper border styling
     color: var(--#{$prefix}list-group-action-hover-color);
     text-decoration: none;
@@ -66,6 +64,12 @@
     // Boosted mod: no background change
   }
 
+  &:focus {
+    &[data-focus-visible-added] {
+      @include focus-visible();
+    }
+  }
+
   &:active {
     color: var(--#{$prefix}list-group-action-active-color);
     background-color: var(--#{$prefix}list-group-action-active-bg);