about summary refs log tree commit diff
diff options
context:
space:
mode:
authorunarist <m.unarist@gmail.com>2017-07-27 22:49:56 +0900
committerEugen Rochko <eugen@zeonfederated.com>2017-07-27 15:49:56 +0200
commit73890c3cac19df3fdf7162e84024fedea5ecfe5d (patch)
tree810a5e327a44511efbc223cd4b62d5fefc0d8c94
parente1798d0eb0180bea9237e3cff399a4883173f195 (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.scss2
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 {