google/material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix floating label on expandable textfield (fixes #304)

Browse Source
This commit is contained in:
Alexander Surma 2015-06-01 17:56:45 -07:00
parent c5dbe72fa4
commit 46b35d22ec
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/textfield/_textfield.scss
View File

@ -65,7 +65,7 @@
background: $input-text-font-size; background: $input-text-font-size;
text-align: left; text-align: left;
color: inherit; color: inherit;
.mdl-textfield.is-focused & { .mdl-textfield.is-focused & {
outline: none; outline: none;
} }
@ -113,6 +113,11 @@
visibility: visible; visibility: visible;
} }
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder &,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder &{
top: -($input-text-floating-label-fontsize + $input-text-padding);
}
.mdl-textfield--floating-label.is-invalid & { .mdl-textfield--floating-label.is-invalid & {
color: $input-text-error-color; color: $input-text-error-color;
font-size: 12px; font-size: 12px;