🆙 update .btn.is-min animation

fluid-framework · Mar 7, 2021 · 336eaed · 336eaed
1 parent 4c594c1
commit 336eaed
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/_button.scss b/src/components/_button.scss
@@ -203,7 +203,7 @@
       bottom: -1px;
       left: 0;
       transform: scaleX(0);
-      transform-origin: center;
+      transform-origin: right;
       border-bottom: $borderwidth-default * 2 solid;
       @include transition($button-transition-minimal-before);
     }
@@ -226,6 +226,7 @@
     @include hover-focus-active {
       @include before {
         transform: scaleX(1);
+        transform-origin: left;
       }
     }
 

diff --git a/src/settings/components/_button.scss b/src/settings/components/_button.scss
@@ -17,6 +17,6 @@ $button-theme:                                   $controls-theme !default;
 $button-theme-light:                             $controls-theme-light !default;
 $button-padding-x:                               $controls-padding-x * 1.13333 !default;
 
-$button-transition-minimal-before:               transform, border-bottom-color !default;
+$button-transition-minimal-before:               transform .35s, border-bottom-color !default;
 
 $button-disabled-background:                     $controls-disabled-background !default;