Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Improve performance of modal and swipe animations (#5135)

Browse source 
* Improve performance of modal and swipe animations

* Fix eslint issues
This commit is contained in:
Nolan Lawson 2017-09-28 11:43:18 -07:00 • committed by Eugen Rochko
parent 3406e30526
commit 6e0659c838
3 changed files with 40 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/javascript/styles/components.scss
View file

@ -2983,14 +2983,18 @@ button.icon-button.active i.fa-retweet {
}
}
.modal-root {
transition: opacity 0.3s linear;
will-change: opacity;
z-index: 9999;
}
.modal-root__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
opacity: 0;
background: rgba($base-overlay-background, 0.7);
transform: translateZ(0);
}
@ -3007,7 +3011,6 @@ button.icon-button.active i.fa-retweet {
justify-content: center;
align-content: space-around;
z-index: 9999;
opacity: 0;
pointer-events: none;
user-select: none;
}