update(button): fixes shadow issue introduced in a1c011e

angular · Mar 19, 2015 · 019a8d6 · 019a8d6 · sukant1000 · Mar 20, 2015
1 parent a1c011e
commit 019a8d6
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/button/button.scss b/src/components/button/button.scss
@@ -101,13 +101,18 @@ $button-fab-toast-offset: $button-fab-height * 0.75;
     border-radius: 50%;
     background-clip: padding-box;
     overflow: hidden;
-    // The following hack causes Safari to respect overflow hidden for ripples
-    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
 
     transform: translate3d(0,0,0);
 
     transition: 0.2s linear;
     transition-property: transform, box-shadow;
+    .md-ripple-container {
+      border-radius: 50%;
+      background-clip: padding-box;
+      overflow: hidden;
+      // The following hack causes Safari to respect overflow hidden for ripples
+      -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
+    }
 
     md-icon {
       margin-top: 0;