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(tabs): unable to distinguish disabled tab in high contrast mode (#12160)

Browse Source 
Fixes disabled tabs being indistinguishable from enabled ones in high contrast mode.
This commit is contained in:
Kristiyan Kostadinov
2018-07-12 16:38:01 +02:00
committed by Jeremy Elbourn
parent afb0ee37eb
commit 98b9ed14be
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/tabs/_tabs-common.scss
+12
View File
@@ -24,10 +24,18 @@ $mat-tab-animation-duration: 500ms !default;
&:not(.mat-tab-disabled) {
opacity: 1;
}
@include cdk-high-contrast {
outline: dotted 2px;
}
}
&.mat-tab-disabled {
cursor: default;
@include cdk-high-contrast {
opacity: 0.5;
}
}
.mat-tab-label-content {
@@ -36,6 +44,10 @@ $mat-tab-animation-duration: 500ms !default;
align-items: center;
white-space: nowrap;
}
@include cdk-high-contrast {
opacity: 1;
}
}
// Mixin styles for the top section of the view; contains the tab labels.