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): thicken underline in error state, add underline animation (#4506)

Browse Source
This commit is contained in:
mmalerba
2017-05-15 14:27:40 -07:00
committed by Jeremy Elbourn
parent 8159fcc182
commit 0666207527
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/input/_input-theme.scss
-4
View File
@@ -74,10 +74,6 @@
color: $input-underline-color-warn;
}
.mat-input-underline {
border-color: $input-underline-color-warn;
}
.mat-input-ripple {
background-color: $input-underline-color-warn;
}
src/lib/input/input-container.scss
+10 -5
View File
@@ -217,12 +217,17 @@ $mat-input-underline-disabled-background-image:
z-index: 1;
top: -1px;
width: 100%;
transform-origin: top;
opacity: 0;
transition: opacity $swift-ease-out-duration $swift-ease-out-timing-function;
transform-origin: 50%;
transform: scaleX(0.5);
visibility: hidden;
transition: background-color $swift-ease-in-duration $swift-ease-in-timing-function;
.mat-focused & {
opacity: 1;
.mat-focused &,
.mat-input-invalid & {
visibility: visible;
transform: scaleX(1);
transition: transform 150ms linear,
background-color $swift-ease-in-duration $swift-ease-in-timing-function;
}
}
}