diff options
author | unarist <m.unarist@gmail.com> | 2017-07-27 22:49:56 +0900 |
---|---|---|
committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-07-27 15:49:56 +0200 |
commit | 73890c3cac19df3fdf7162e84024fedea5ecfe5d (patch) | |
tree | 810a5e327a44511efbc223cd4b62d5fefc0d8c94 | |
parent | e1798d0eb0180bea9237e3cff399a4883173f195 (diff) |
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.
-rw-r--r-- | app/javascript/styles/about.scss | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/app/javascript/styles/about.scss b/app/javascript/styles/about.scss index 9be95c028..6eddd1322 100644 --- a/app/javascript/styles/about.scss +++ b/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 { |