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.
This commit is contained in:
unarist 2017-07-27 22:49:56 +09:00 committed by Eugen Rochko
parent e1798d0eb0
commit 73890c3cac

View File

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