diff options
| author | Nolan Lawson <nolan@nolanlawson.com> | 2017-09-28 11:43:18 -0700 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-09-28 20:43:18 +0200 |
| commit | 6e0659c838bacfea54bbab5a4dd3501fbdf8b668 (patch) | |
| tree | c06925a6324652873a1ca16defc596e54dafdbd5 /app/javascript/styles | |
| parent | 3406e305265e10c884c13f1d739cd2db5c1f18b6 (diff) | |
Improve performance of modal and swipe animations (#5135)
* Improve performance of modal and swipe animations * Fix eslint issues
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/components.scss | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 631cd7a13..5ea0d134e 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -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; } |