Browse Source

Fix timeline height on landing page for Safari (#4392)

`height: 100%` in `align-self: stretch` flexboxes doesn't work on Safari < 11.

https://bugs.webkit.org/show_bug.cgi?id=137730

This workaround uses flexbox instead of `height: 100%` to stretch height.
custom
unarist 5 years ago
committed by Eugen Rochko
parent
commit
73890c3cac
  1. 2
      app/javascript/styles/about.scss

2
app/javascript/styles/about.scss

@ -547,6 +547,7 @@
}
#mastodon-timeline {
display: flex;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
font-family: 'mastodon-font-sans-serif', sans-serif;
@ -565,7 +566,6 @@
padding: 0;
border-radius: 4px;
overflow: hidden;
height: 100%;
}
.scrollable {

Loading…
Cancel
Save