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

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.
remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
unarist 2017-07-27 22:49:56 +09:00 committed by Eugen Rochko
parent e1798d0eb0
commit 73890c3cac
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/styles/about.scss
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 {