about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorSorin Davidoi <sorin.davidoi@gmail.com>2017-05-20 01:26:46 +0200
committerEugen Rochko <eugen@zeonfederated.com>2017-05-20 01:26:46 +0200
commitb369fc2de4ab0242775a56fb6208d9dbf2109d91 (patch)
treeabfdf64e22bf6da9bad418dad8ca0a58c39848de /app/javascript/styles
parent8c5eaf7ae9f78fa6bb8b2d999b36862484d12656 (diff)
feat: Use CSS contain to avoid computations (#3158)
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/components.scss3
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;