feat(select): Update transitions for bottom line after merge

material-components · Jan 17, 2018 · f7fc139 · f7fc139
1 parent 34be534
commit f7fc139
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/packages/mdc-select/_mixins.scss b/packages/mdc-select/_mixins.scss
@@ -108,6 +108,10 @@
   &.mdc-select--open .mdc-select__bottom-line {
     @include mdc-theme-prop(background-color, $color);
   }
+
+  .mdc-select__bottom-line:after {
+    @include mdc-theme-prop(background-color, $color);
+  }
 }
 
 @mixin mdc-select-dd-arrow-svg-bg_($fill-hex-number: 000000, $opacity: .54) {

diff --git a/packages/mdc-select/mdc-select.scss b/packages/mdc-select/mdc-select.scss
@@ -137,10 +137,10 @@ $mdc-select-menu-transition: transform 180ms $mdc-animation-standard-curve-timin
 
     &::after {
       position: absolute;
-      bottom: -1px;
+      bottom: 0;
       left: 0;
       width: 100%;
-      height: 2px;
+      height: 1px;
       transform: scaleX(0);
       transition: $mdc-select-menu-transition;
       opacity: 0;
@@ -151,15 +151,13 @@ $mdc-select-menu-transition: transform 180ms $mdc-animation-standard-curve-timin
 
   &__bottom-line--active {
     &::after {
-      transform: scaleX(1);
       opacity: 1;
     }
   }
 
   @include mdc-select-focused-bottom-line_ {
-    transform: scaleY(2);
-
     &::after {
+      transform: scale(1,2);
       opacity: 1;
     }
   }
@@ -183,9 +181,8 @@ $mdc-select-menu-transition: transform 180ms $mdc-animation-standard-curve-timin
   }
 
   .mdc-select__bottom-line {
-    transform: scaleY(2);
-
     &::after {
+      transform: scaleY(2);
       opacity: 1;
     }
   }