fix(slider): incorrect draghandle states

telerik · Dec 6, 2024 · 3fc192c · 3fc192c
1 parent 32b3a14
commit 3fc192c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/packages/default/scss/slider/_theme.scss b/packages/default/scss/slider/_theme.scss
@@ -30,7 +30,8 @@
             );
             @include border-radius( 50% );
 
-            &:hover {
+            &:hover,
+            &.k-hover {
                 @include fill(
                     $kendo-slider-draghandle-hover-text,
                     $kendo-slider-draghandle-hover-bg,
@@ -39,7 +40,9 @@
                 );
             }
 
+            // TODO: remove k-pressed and rely on k-active
             &:active,
+            &.k-active,
             &.k-pressed {
                 @include fill(
                     $kendo-slider-draghandle-pressed-text,

diff --git a/packages/material/scss/slider/_variables.scss b/packages/material/scss/slider/_variables.scss
@@ -66,26 +66,26 @@ $kendo-slider-draghandle-gradient: null !default;
 
 /// The background color of the hovered Slider drag handle.
 /// @group slider
-$kendo-slider-draghandle-hover-bg: unset !default;
+$kendo-slider-draghandle-hover-bg: $kendo-color-primary !default;
 /// The text color of the hovered Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-hover-text: null !default;
 /// The border color of the hovered Slider drag handle.
 /// @group slider
-$kendo-slider-draghandle-hover-border: unset !default;
+$kendo-slider-draghandle-hover-border: $kendo-color-primary !default;
 /// The gradient of the hovered Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-hover-gradient: null !default;
 
 /// The background color of the active Slider drag handle.
 /// @group slider
-$kendo-slider-draghandle-pressed-bg: unset !default;
+$kendo-slider-draghandle-pressed-bg: $kendo-color-primary !default;
 /// The text color of the active Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-pressed-text: null !default;
 /// The border color of the active Slider drag handle.
 /// @group slider
-$kendo-slider-draghandle-pressed-border: unset !default;
+$kendo-slider-draghandle-pressed-border: $kendo-color-primary !default;
 /// The gradient of the active Slider drag handle.
 /// @group slider
 $kendo-slider-draghandle-pressed-gradient: null !default;