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:
parent
e1798d0eb0
commit
73890c3cac
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue