feat(FT-329): update background color onhover for single select icons

storyblok · Oct 26, 2023 · 0255d23 · 0255d23
1 parent 57ce3e6
commit 0255d23
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/src/components/Select/select.scss b/src/components/Select/select.scss
@@ -68,7 +68,7 @@
   .sb-minibrowser {
     display: none;
 
-    @include listPosition();
+    @include listPosition;
   }
 
   &--loading .sb-select-inner__chevron {
@@ -249,7 +249,6 @@
     &--visible,
     &:hover,
     &:focus {
-      background: $white;
       border-radius: $base-border-radius;
       opacity: 1;
     }
@@ -260,6 +259,17 @@
       border-radius: 0 $base-border-radius $base-border-radius 0;
       cursor: pointer;
     }
+
+     .multi-link-select-inner__open-story,
+      .sb-select-inner__clear,
+      .sb-select-inner__chevron-dropdown
+     {
+      &--visible,
+      &:hover,
+      &:focus {
+        background-color: $light-50;
+      }
+    }
   }
 }
 
@@ -294,8 +304,8 @@
   padding: 13px 0;
   background-color: $white;
 
-  @include popoverComponent();
-  @include listPosition();
+  @include popoverComponent;
+  @include listPosition;
 
   ul {
     margin: 0;