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(input): underline should only be thicker if focused (#6152)

Browse Source 
* Currently the underline of the input container is always `2px` thick if the input is invalid. As per specifications the underline should be `1dp/px` if not focused.
This commit is contained in:
Paul Gschwendtner
2017-08-02 00:05:27 +02:00
committed by tinayuangao
parent a1855814d0
commit 68e2f46bf7
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/input/input-container.scss
+5 -1
View File
@@ -202,7 +202,7 @@ textarea.mat-input-element {
.mat-input-ripple {
position: absolute;
height: $mat-input-underline-height * 2;
height: $mat-input-underline-height;
top: 0;
left: 0;
width: 100%;
@@ -211,6 +211,10 @@ textarea.mat-input-element {
visibility: hidden;
transition: background-color $swift-ease-in-duration $swift-ease-in-timing-function;
.mat-focused & {
height: $mat-input-underline-height * 2;
}
.mat-focused &,
.mat-input-invalid & {
visibility: visible;