feat: split slider active and focus states

gravity-ui · Feb 4, 2024 · a60ad34 · a60ad34
1 parent 83ee9db
commit a60ad34
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/components/Slider/BaseSlider/BaseSlider.scss b/src/components/Slider/BaseSlider/BaseSlider.scss
@@ -358,14 +358,13 @@ $mark-xl-offset: -1px;
             }
         }
 
-        &:active {
-            box-shadow: 0 0 4px #{slider-variables.$slider-color};
-            cursor: grabbing;
-        }
-
         &:focus {
-            box-shadow: 0 0 0 4px $handle-focus-color;
+            box-shadow: 0 0 0 3px $handle-focus-color;
             outline: none;
+            &:active {
+                box-shadow: 0 0 0 4px $handle-focus-color;
+                cursor: grabbing;
+            }
         }
 
         &_disabled {