commit: bc39ad37c4b6372c98177f8c4fc525391c49f702
parent: a6ba004bf56f586661ef2dc1e245e50ce8d759d9
Author: Nolan Lawson <nolan@nolanlawson.com>
Date: Thu, 25 May 2017 12:14:56 -0700
Fix "contains" CSS for Chromium <57 (#3317)
Fixes #3277. I've tested in QupZilla on Mac and can confirm it fixes the issue, and that Chrome 58 is not affected (because it has Grid).
Diffstat:
1 file changed, 9 insertions(+), 3 deletions(-)
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
@@ -1326,7 +1326,9 @@
.drawer {
flex: 1 1 100%;
overflow: hidden;
- contain: strict;
+ @supports(display: grid) { // hack to fix Chrome <57
+ contain: strict;
+ }
}
@media screen and (min-width: 360px) {
@@ -1501,7 +1503,9 @@
flex: 1 1 auto;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
- contain: strict;
+ @supports(display: grid) { // hack to fix Chrome <57
+ contain: strict;
+ }
&.optionally-scrollable {
overflow-y: auto;
@@ -2250,7 +2254,9 @@ button.icon-button.active i.fa-retweet {
flex: 1 1 auto;
align-items: center;
justify-content: center;
- contain: strict;
+ @supports(display: grid) { // hack to fix Chrome <57
+ contain: strict;
+ }
a {
color: $ui-highlight-color;