[Glitch] Improved media modal

Port 4e929b2d17 to glitch-soc
2018-04-08 23:15:25 +02:00
parent 0b86ec4e7f
commit 87071d9e81
8 changed files with 330 additions and 93 deletions
@@ -353,36 +353,29 @@

 .image-loader {
  position: relative;
+  width: 100%;
+  height: 100%;

  &.image-loader--loading {
+    display: flex;
+    align-content: center;
+
    .image-loader__preview-canvas {
      filter: blur(2px);
    }
  }

-  .image-loader__img {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    max-width: 100%;
-    max-height: 100%;
-    background-image: none;
+  &.image-loader--amorphous .image-loader__preview-canvas {
+    display: none;
  }
+}

-  &.image-loader--amorphous {
-    position: static;
-
-    .image-loader__preview-canvas {
-      display: none;
-    }
-
-    .image-loader__img {
-      position: static;
-      width: auto;
-      height: auto;
-    }
-  }
+.zoomable-image {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-content: center;
 }

 .dropdown {