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(form-field): unable to distinguish disabled form field in high contrast mode (#12445)

Browse Source 
Fixes the disabled form field being indistinguishable from enabled ones in high contrast mode, due to the dotted gradient not being rendered.
This commit is contained in:
Kristiyan Kostadinov
2018-08-01 16:14:00 +02:00
committed by Jeremy Elbourn
parent db8f83dfe2
commit df2b371d66
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/form-field/form-field-legacy.scss
+5
View File
@@ -58,6 +58,11 @@ $mat-form-field-legacy-underline-height: 1px !default;
&.mat-form-field-disabled .mat-form-field-underline {
background-position: 0;
background-color: transparent;
@include cdk-high-contrast {
border-top-style: dotted;
border-top-width: 2px;
}
}
&.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple {
src/lib/form-field/form-field-standard.scss
+5
View File
@@ -42,6 +42,11 @@ $mat-form-field-standard-padding-top: 0.75em !default;
&.mat-form-field-disabled .mat-form-field-underline {
background-position: 0;
background-color: transparent;
@include cdk-high-contrast {
border-top-style: dotted;
border-top-width: 2px;
}
}
// Note that we need this specific of a selector because we don't want