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(sort): arrow indicator not visible in high contrast mode (#12159)

Browse Source 
Fixes the sorting header indicator not being visible in high contrast mode.
This commit is contained in:
Kristiyan Kostadinov
2018-07-12 16:38:14 +02:00
committed by Jeremy Elbourn
parent 98b9ed14be
commit eb6c456585
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/sort/sort-header.scss
+21
View File
@@ -1,3 +1,5 @@
@import '../../cdk/a11y/a11y';
$mat-sort-header-arrow-margin: 6px;
$mat-sort-header-arrow-container-size: 12px;
$mat-sort-header-arrow-stem-size: 10px;
@@ -60,6 +62,11 @@ $mat-sort-header-arrow-hint-opacity: 0.38;
margin: auto;
display: flex;
align-items: center;
@include cdk-high-contrast {
width: 0;
border-left: solid $mat-sort-header-arrow-thickness;
}
}
.mat-sort-header-indicator {
@@ -78,6 +85,13 @@ $mat-sort-header-arrow-hint-opacity: 0.38;
width: $mat-sort-header-arrow-thickness;
background: currentColor;
transform: rotate(45deg);
@include cdk-high-contrast {
width: 0;
height: 0;
border-top: solid $mat-sort-header-arrow-thickness;
border-left: solid $mat-sort-header-arrow-thickness;
}
}
.mat-sort-header-pointer-left,
@@ -87,6 +101,13 @@ $mat-sort-header-arrow-hint-opacity: 0.38;
height: $mat-sort-header-arrow-thickness;
position: absolute;
top: 0;
@include cdk-high-contrast {
width: 0;
height: 0;
border-left: solid $mat-sort-header-arrow-pointer-length;
border-top: solid $mat-sort-header-arrow-thickness;
}
}
.mat-sort-header-pointer-left {