From ccb41d9bdc7406c4c1ea39e2a6ee9a836db69b3f Mon Sep 17 00:00:00 2001 From: Will Ernest Date: Thu, 23 Aug 2018 17:21:35 -0700 Subject: [PATCH] fix(text-field): Update forlint --- packages/mdc-textfield/_mixins.scss | 3 --- packages/mdc-textfield/mdc-text-field.scss | 14 +++++--------- 2 files changed, 5 insertions(+), 12 deletions(-) diff --git a/packages/mdc-textfield/_mixins.scss b/packages/mdc-textfield/_mixins.scss index 561272f6fac..64641566bd1 100644 --- a/packages/mdc-textfield/_mixins.scss +++ b/packages/mdc-textfield/_mixins.scss @@ -375,7 +375,6 @@ // Outlined uses 16px for text alignment when using a trailing icon. &.mdc-text-field--outlined { @include mdc-text-field-icon-horizontal-position_(right, $mdc-text-field-icon-position, $mdc-text-field-icon-padding); - } } @@ -384,7 +383,6 @@ } // Full Width - @mixin mdc-text-field-fullwidth_ { width: 100%; @@ -405,7 +403,6 @@ } // Textarea - @mixin mdc-text-field-textarea-disabled_ { @include mdc-text-field-textarea-stroke-color_($mdc-textarea-disabled-border-color); @include mdc-text-field-textarea-fill-color_($mdc-textarea-disabled-background); diff --git a/packages/mdc-textfield/mdc-text-field.scss b/packages/mdc-textfield/mdc-text-field.scss index 61bd63fbcb9..2ad31ab3fd8 100644 --- a/packages/mdc-textfield/mdc-text-field.scss +++ b/packages/mdc-textfield/mdc-text-field.scss @@ -75,8 +75,11 @@ overflow: hidden; will-change: opacity, transform, color; + // stylelint-disable-next-line plugin/selector-bem-pattern .mdc-floating-label { @include mdc-rtl-reflexive-position(left, 12px); + + pointer-events: none; } } @@ -109,20 +112,13 @@ box-shadow: none; } } - -// stylelint-disable plugin/selector-bem-pattern -.mdc-floating-label { - pointer-events: none; -} - -// Move label when text-field gets autofilled in Chrome +// stylelint-disable-next-line plugin/selector-bem-pattern +// Move label when text-field gets auto-filled in Chrome. .mdc-text-field__input:-webkit-autofill + .mdc-floating-label { transform: translateY(-50%) scale(.75); cursor: auto; } -// stylelint-enable plugin/selector-bem-pattern - .mdc-text-field--outlined { @include mdc-text-field-outlined_; }