From 73890c3cac19df3fdf7162e84024fedea5ecfe5d Mon Sep 17 00:00:00 2001
From: unarist <m.unarist@gmail.com>
Date: Thu, 27 Jul 2017 22:49:56 +0900
Subject: [PATCH] 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.
---
app/javascript/styles/about.scss | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
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 {