From: Lynx Kotoura <lynx@lv9.org>
Date: Tue, 25 Jul 2017 17:12:57 +0000 (+0900)
Subject: Fix multiple-gif display in user page (#4364)
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=9f97c8c7505bbf21b97bb94a180fe4eee14287ad;p=mastodon.git

Fix multiple-gif display in user page (#4364)

Divide media-items to equal width, and hide overlaps.
---

diff --git a/app/javascript/styles/stream_entries.scss b/app/javascript/styles/stream_entries.scss
index 3856942e1..9e062c57e 100644
--- a/app/javascript/styles/stream_entries.scss
+++ b/app/javascript/styles/stream_entries.scss
@@ -263,7 +263,9 @@
     border: medium none;
     display: block;
     flex: 1 1 auto;
+    width: 100%;
     height: 100%;
+    overflow: hidden;
     margin-right: 2px;
 
     &:last-child {