fix(button): display box shadow correctly for Chrome

See the following bug: https://bugs.chromium.org/p/chromium/issues/detail?id=713674 References #11585
ionic-team · May 9, 2017 · cbe0b42 · cbe0b42
1 parent 4b60e89
commit cbe0b42
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/button/button.md.scss b/src/components/button/button.md.scss
@@ -49,7 +49,7 @@ $button-md-background-color-activated:     color-shade($button-md-background-col
 $button-md-opacity-activated:              1 !default;
 
 /// @prop - Box shadow of the activated button
-$button-md-box-shadow-activated:           0 3px 5px rgba(0, 0, 0, .14), 0 3px 5px rgba(0, 0, 0, .21) !default;
+$button-md-box-shadow-activated:           0 3px 5px rgba(0, 0, 0, .14), 0 3px 5px rgba(0, 0, 0, .21), 0 0 0 0 transparent !default;
 
 /// @prop - Background color of the ripple on the button
 $button-md-ripple-background-color:       #555 !default;