mastofe

commit: 233258c61b23785adbd46cba4ed33ee955ecc7a2
parent: 9c8aad612e09dbd45ea3d0df8a349cd4ce03b5e9
Author: Eugen Rochko <eugen@zeonfederated.com>
Date:   Sun, 24 Sep 2017 00:33:26 +0200

Fix media gallery CSS (#5064)


Diffstat:
M
app/javascript/styles/components.scss
16
+++++++++++++---

1 file changed, 13 insertions(+), 3 deletions(-)
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
@@ -3942,12 +3942,14 @@ button.icon-button.active i.fa-retweet {
 .account-gallery__container {
   margin: -2px;
   padding: 4px;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 .account-gallery__item {
-  float: left;
-  width: 96px;
-  height: 96px;
+  flex: 1 1 auto;
+  width: calc(100% / 3 - 4px);
+  height: 95px;
   margin: 2px;
 
   a {
@@ -3958,6 +3960,14 @@ button.icon-button.active i.fa-retweet {
     background-size: cover;
     background-position: center;
     position: relative;
+    color: inherit;
+    text-decoration: none;
+
+    &:hover,
+    &:active,
+    &:focus {
+      outline: 0;
+    }
   }
 }