techhub/mastodon
2
0
Fork 0
Code Activity

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

Browse Source 
`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
1 changed files with 1 additions and 1 deletions
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 {