bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use object-fit: contain for sane image thumbnails, fixes #212

Browse source
This commit is contained in:
Alex Gleason 2020-07-01 17:10:46 -05:00
parent 2d194d75aa
commit e965c74760
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/styles/components/compose-form.scss
View file

@ -284,7 +284,7 @@
.compose-form__upload-thumbnail { .compose-form__upload-thumbnail {
border-radius: 4px; border-radius: 4px;
background-position: center; background-position: center;
background-size: cover; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
height: 140px; height: 140px;
width: 100%; width: 100%;

4
app/styles/components/media-gallery.scss
View file

@ -31,6 +31,10 @@
.still-image { .still-image {
height: 100%; height: 100%;
width: 100%; width: 100%;
img {
object-fit: contain;
}
} }
.still-image--play-on-hover::before { .still-image--play-on-hover::before {