diff options
| author | Sorin Davidoi <sorin.davidoi@gmail.com> | 2017-05-20 01:26:46 +0200 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-05-20 01:26:46 +0200 |
| commit | b369fc2de4ab0242775a56fb6208d9dbf2109d91 (patch) | |
| tree | abfdf64e22bf6da9bad418dad8ca0a58c39848de /app/javascript/styles | |
| parent | 8c5eaf7ae9f78fa6bb8b2d999b36862484d12656 (diff) | |
feat: Use CSS contain to avoid computations (#3158)
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/components.scss | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index a6771cce0..a2109838c 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -1314,6 +1314,7 @@ .drawer { flex: 1 1 100%; overflow: hidden; + contain: strict; } @media screen and (min-width: 360px) { @@ -1488,6 +1489,7 @@ flex: 1 1 auto; backface-visibility: hidden; -webkit-overflow-scrolling: touch; + contain: strict; &.optionally-scrollable { overflow-y: auto; @@ -2234,6 +2236,7 @@ button.icon-button.active i.fa-retweet { flex: 1 1 auto; align-items: center; justify-content: center; + contain: strict; a { color: $ui-highlight-color; |