perf(ripple): md ripple effect update to not affect layout

This commit is contained in:
Manu Mtz.-Almeida
2016-09-20 19:52:21 +02:00
committed by Adam Bradley
parent 156223edba
commit 14a3ea2ef8
2 changed files with 82 additions and 74 deletions

View File

@@ -423,6 +423,8 @@ $button-md-fab-box-shadow-activated: 0 5px 15px 0 rgba(0, 0, 0, .4),
.button-effect {
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: none;
@@ -431,6 +433,7 @@ $button-md-fab-box-shadow-activated: 0 5px 15px 0 rgba(0, 0, 0, .4),
background-color: $button-md-ripple-background-color;
opacity: .2;
transform-origin: center center;
transition-timing-function: ease-in-out;
pointer-events: none;