treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

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).
lolsob-rspec
Nolan Lawson 2017-05-25 12:14:56 -07:00 committed by Eugen Rochko
parent 14e97fbedc
commit e5fc974cb9
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/javascript/styles/components.scss
View File

@ -1326,7 +1326,9 @@
.drawer { .drawer {
flex: 1 1 100%; flex: 1 1 100%;
overflow: hidden; overflow: hidden;
contain: strict; @supports(display: grid) { // hack to fix Chrome <57
contain: strict;
}
} }
@media screen and (min-width: 360px) { @media screen and (min-width: 360px) {
@ -1501,7 +1503,9 @@
flex: 1 1 auto; flex: 1 1 auto;
backface-visibility: hidden; backface-visibility: hidden;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
contain: strict; @supports(display: grid) { // hack to fix Chrome <57
contain: strict;
}
&.optionally-scrollable { &.optionally-scrollable {
overflow-y: auto; overflow-y: auto;
@ -2250,7 +2254,9 @@ button.icon-button.active i.fa-retweet {
flex: 1 1 auto; flex: 1 1 auto;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
contain: strict; @supports(display: grid) { // hack to fix Chrome <57
contain: strict;
}
a { a {
color: $ui-highlight-color; color: $ui-highlight-color;