mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
fix(slider): thumb label blending in with background in high contrast mode (#12606)
Fixes the slider's thumb label not having an outline and blending in with the background in high contrast mode.
This commit is contained in:
committed by
Jeremy Elbourn
parent
ecf8b0d9f0
commit
f1b65b6e52
@@ -142,6 +142,10 @@ $mat-slider-focus-ring-size: 30px !default;
|
||||
transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,
|
||||
border-radius $swift-ease-out-duration $swift-ease-out-timing-function,
|
||||
background-color $swift-ease-out-duration $swift-ease-out-timing-function;
|
||||
|
||||
@include cdk-high-contrast {
|
||||
outline: solid 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.mat-slider-thumb-label-text {
|
||||
@@ -339,6 +343,13 @@ $mat-slider-focus-ring-size: 30px !default;
|
||||
.mat-slider-thumb-label {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
@include cdk-high-contrast {
|
||||
.mat-slider-thumb-label,
|
||||
.mat-slider-thumb-label-text {
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user