treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fix broken letterboxing in media previews

lolsob-rspec
Ondřej Hruška 2017-07-15 15:38:18 +02:00
parent 50b74eeb08
commit c0a93f5f26
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3954,13 +3954,14 @@ button.icon-button.active i.fa-retweet {
.media-gallery__item-thumbnail {
cursor: zoom-in;
display: block;
text-decoration: none;
width: 100%;
height: 100%;
display: flex;
img {
width: 100%;
object-fit: contain;
&:not(.letterbox) {
height: 100%;
@ -3974,6 +3975,8 @@ button.icon-button.active i.fa-retweet {
overflow: hidden;
position: relative;
width: 100%;
display: flex;
justify-content: center;
}
.media-gallery__item-gifv-thumbnail {
@ -3981,6 +3984,7 @@ button.icon-button.active i.fa-retweet {
height: 100%;
position: relative;
z-index: 1;
object-fit: contain;
&:not(.letterbox) {
height: 100%;