skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(slider): thumb disappearing on disabled element with thumb label (#6641)

Browse Source 
Fixes the slider thumb becoming hidden when a disabled slider with a thumb label is focused.

Fixes #6631.
This commit is contained in:
Kristiyan Kostadinov
2017-09-01 17:04:09 +02:00
committed by Jeremy Elbourn
parent 11e2239a86
commit 8243b1623f
1 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/slider/slider.scss
+20 -18
View File
@@ -214,26 +214,28 @@ $mat-slider-focus-ring-size: 30px !default;
// Active slider.
.cdk-focused {
&.mat-slider-thumb-label-showing .mat-slider-thumb {
transform: scale(0);
.mat-slider:not(.mat-slider-disabled) {
&.cdk-focused {
&.mat-slider-thumb-label-showing .mat-slider-thumb {
transform: scale(0);
}
.mat-slider-thumb-label {
border-radius: 50% 50% 0;
}
.mat-slider-thumb-label-text {
opacity: 1;
}
}
.mat-slider-thumb-label {
border-radius: 50% 50% 0;
}
.mat-slider-thumb-label-text {
opacity: 1;
}
}
.cdk-mouse-focused,
.cdk-touch-focused,
.cdk-program-focused {
.mat-slider-thumb {
border-width: $mat-slider-thumb-border-width-active;
transform: scale($mat-slider-thumb-focus-scale);
&.cdk-mouse-focused,
&.cdk-touch-focused,
&.cdk-program-focused {
.mat-slider-thumb {
border-width: $mat-slider-thumb-border-width-active;
transform: scale($mat-slider-thumb-focus-scale);
}
}
}