feat: add the active/hover states for the slider handles [PT-188162656]

concord-consortium · Aug 27, 2024 · 8dbe9e9 · 8dbe9e9
1 parent e8b69c3
commit 8dbe9e9
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/grasp-seasons/components/slider/slider.scss b/src/grasp-seasons/components/slider/slider.scss
@@ -22,6 +22,13 @@
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
     background-color: rgba(255, 255, 255, 0.8) !important;
     border: 1px solid $borderColor;
+
+    &:hover {
+      background-color: rgba(220, 239, 242, 0.8) !important;
+    }
+    &:active {
+      background-color: rgba(185, 223, 229, 0.8) !important;
+    }
   }
 
   .ui-slider-with-tick-labels {