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

4 years ago · e965c74760
parent 2d194d75aa
commit e965c74760
2 changed files with 5 additions and 1 deletions
--- a/app/styles/components/compose-form.scss
+++ b/app/styles/components/compose-form.scss
@ -284,7 +284,7 @@
    .compose-form__upload-thumbnail {
      border-radius: 4px;
      background-position: center;
-      background-size: cover;
+      background-size: contain;
      background-repeat: no-repeat;
      height: 140px;
      width: 100%;
--- a/app/styles/components/media-gallery.scss
+++ b/app/styles/components/media-gallery.scss
@ -31,6 +31,10 @@
  .still-image {
    height: 100%;
    width: 100%;
+
+    img {
+      object-fit: contain;
+    }
  }

  .still-image--play-on-hover::before {