Merge pull request #39 from concord-consortium/188162656-slider-handles

Add the active/hover states for the slider handles
concord-consortium · Aug 27, 2024 · 67c9445 · 67c9445
2 parents a4686be + 8dbe9e9
commit 67c9445
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 {