diff options
| author | Nolan Lawson <nolan@nolanlawson.com> | 2017-05-25 12:14:56 -0700 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-05-25 21:14:56 +0200 |
| commit | bc39ad37c4b6372c98177f8c4fc525391c49f702 (patch) | |
| tree | 54138a0aa4879800b43e7c46803418cdc9b1cb93 | |
| parent | a6ba004bf56f586661ef2dc1e245e50ce8d759d9 (diff) | |
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).
| -rw-r--r-- | app/javascript/styles/components.scss | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 2a4c9dffe..91f7b8057 100644 --- 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; |