pleroma-fe

commit: f6d5922e655b2bd260f534788de72991a9b3cc35
parent: 63f237d7365f59114a5951d14ea473f292b1a407
Author: Shpuld Shpludson <shp@cock.li>
Date:   Fri,  5 Jun 2020 16:06:19 +0000

Merge branch '851-fix-squishy-images' into 'develop'

StillImage: Make it work properly in both firefox and chrome.

Closes #851

See merge request pleroma/pleroma-fe!1132
Diffstat:
M
src/components/still-image/still-image.vue
11
++++++++++-

1 file changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/components/still-image/still-image.vue b/src/components/still-image/still-image.vue
@@ -23,12 +23,21 @@
 
 <style lang="scss">
 @import '../../_variables.scss';
+.contain-fit {
+  .still-image {
+    img {
+      height: 100%;
+    }
+  }
+}
+
 .still-image {
   position: relative;
   line-height: 0;
   overflow: hidden;
   width: 100%;
   height: 100%;
+  display: flex;
 
   &:hover canvas {
     display: none;
@@ -36,8 +45,8 @@
 
   img {
     width: 100%;
-    height: 100%;
     object-fit: contain;
+    align-self: center;
   }
 
   &.animated {