Skip to content

Commit 261fd90

Browse files
committed
fix(slider): wrong thumb label cursor
Uses the `grab` cursor when hovering over an active slider's thumb and thumb labels. Fixes #3778.
1 parent e964734 commit 261fd90

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

src/lib/slider/slider.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
@import '../core/style/variables';
2+
@import '../core/style/vendor-prefixes';
23

34

45
// This refers to the thickness of the slider. On a horizontal slider this is the height, on a
@@ -98,6 +99,8 @@ $mat-slider-focus-ring-size: 30px !default;
9899
}
99100

100101
.mat-slider-thumb {
102+
@include cursor-grab;
103+
101104
position: absolute;
102105
right: -$mat-slider-thumb-size / 2;
103106
bottom: -$mat-slider-thumb-size / 2;
@@ -113,6 +116,8 @@ $mat-slider-focus-ring-size: 30px !default;
113116
}
114117

115118
.mat-slider-thumb-label {
119+
@include cursor-grab;
120+
116121
display: none;
117122
align-items: center;
118123
justify-content: center;
@@ -237,6 +242,10 @@ $mat-slider-focus-ring-size: 30px !default;
237242
.mat-slider-thumb-label {
238243
display: none;
239244
}
245+
246+
.mat-slider-thumb, .mat-slider-thumb-label {
247+
cursor: default;
248+
}
240249
}
241250

242251

0 commit comments

Comments
 (0)