style: Adjust option navigation styles (#3535)

Flagsmith · Mar 14, 2024 · a03b681 · a03b681
1 parent a393b20
commit a03b681
Showing 1 changed file with 7 additions and 14 deletions.
diff --git a/frontend/web/styles/3rdParty/_react-select.scss b/frontend/web/styles/3rdParty/_react-select.scss
@@ -52,16 +52,6 @@
     height: $input-height;
     border-radius: $border-radius;
     border: 1px solid $input-border-color;
-    &:hover {
-      border: 1px solid $basic-alpha-48;
-    }
-    &--is-focused {
-      border: 1px solid $primary;
-      box-shadow: none;
-      &:hover {
-        border: 1px solid $primary;
-      }
-    }
     &--is-disabled {
       border: 1px solid $basic-alpha-8;
       .react-select__indicators {
@@ -172,6 +162,9 @@
       background: $bg-light200 !important;
       cursor:pointer;
     }
+    &--is-focused {
+      background: $bg-light300 !important;
+    }
     &--is-selected {
       background-color: $primary-alfa-8 !important;
     }
@@ -194,10 +187,6 @@
       border: none;
       box-shadow: none;
       border: 1px solid $input-border-color-dark;
-      &--is-focused {
-        border: 1px solid $primary;
-        box-shadow: none !important;
-      }
       &--is-disabled {
         border: 1px solid $black-alpha-32;
         .react-select__indicator {
@@ -225,6 +214,10 @@
         color: white !important;
         cursor:pointer;
       }
+      &--is-focused {
+        background: $bg-dark200 !important;
+        cursor:pointer;
+      }
       &--is-selected {
         background-color: $primary-alfa-16 !important;
       }