[Glitch] Avoid using JS to set height in MediaModal

Port fa5c867e0e to glitch-soc
2018-04-08 23:18:24 +02:00
parent 87071d9e81
commit a4fa8c9064
2 changed files with 24 additions and 24 deletions
--- a/app/javascript/flavours/glitch/styles/components/media.scss
+++ b/app/javascript/flavours/glitch/styles/components/media.scss
@@ -171,8 +171,12 @@
  img,
  canvas,
  video {
-    max-width: 100vw;
-    max-height: 100vh;
+    max-width: 100%;
+    /*
+    put margins on top and bottom of image to avoid the screen coverd by
+    image.
+     */
+    max-height: 80%;
    width: auto;
    height: auto;
    margin: auto;
@@ -184,11 +188,6 @@
    background: url('~images/void.png') repeat;
    object-fit: contain;
  }
-
-  .react-swipeable-view-container {
-    width: 100vw;
-    height: 100%;
-  }
 }

 .media-modal__closer {