cybrespace
/
mastodon
4
3
Fork 3
Code Issues 7 Pull Requests Releases Activity

Fix media gallery CSS (#5064)

This commit is contained in:
Eugen Rochko 2017-09-24 00:33:26 +02:00 committed by GitHub
parent 9c8aad612e
commit 233258c61b
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/javascript/styles/components.scss
View File

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