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

Fix broken letterboxing in media previews

remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
Ondřej Hruška 2017-07-15 15:38:18 +02:00
parent 51e3ac2534
commit 3a526e2369
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%;