fix(text-field): Fix floating label for Outlined Text Fields with a l…

…eading icon. (#2078) Fixes #1908
material-components · Jan 29, 2018 · ffca02d · ffca02d
1 parent 0468bfe
commit ffca02d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/mdc-textfield/label/_variables.scss b/packages/mdc-textfield/label/_variables.scss
@@ -20,8 +20,8 @@ $mdc-text-field-box-dense-label-position-y: 90%;
 $mdc-text-field-dense-label-scale: .923;
 $mdc-text-field-outlined-label-position-y: 130%;
 $mdc-text-field-outlined-dense-label-position-y: 145%;
-$mdc-text-field-outlined-with-leading-icon-label-position-x: 27%;
-$mdc-text-field-outlined-dense-with-leading-icon-label-position-x: 25%;
+$mdc-text-field-outlined-with-leading-icon-label-position-x: 32px;
+$mdc-text-field-outlined-dense-with-leading-icon-label-position-x: 21px;
 $mdc-text-field-textarea-label-position-y: 50%;
 // Note that the scale factor is an eyeball'd approximation of what's shown in the mocks.
 $mdc-text-field-textarea-label-scale: .923;