From 02326a432239c58a6cb9ae18486826827b35a190 Mon Sep 17 00:00:00 2001
From: Thibaut Girka <thib@sitedethib.com>
Date: Sun, 20 May 2018 21:38:12 +0200
Subject: [Glitch] Use LoadingBar instead of blur to indicate that an image is
 loading

Port 955d5d36e80259d8c10a0246d359f35f63de059d to the glitch-soc flavour
---
 app/javascript/flavours/glitch/styles/components/index.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'app/javascript/flavours/glitch/styles/components/index.scss')

diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss
index 487bb7ffb..578cdbc9f 100644
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -339,6 +339,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-direction: column;
 
   .image-loader__preview-canvas {
     max-width: $media-modal-media-max-width;
@@ -347,8 +348,8 @@
     object-fit: contain;
   }
 
-  &.image-loader--loading .image-loader__preview-canvas {
-    filter: blur(2px);
+  .loading-bar {
+    position: relative;
   }
 
   &.image-loader--amorphous .image-loader__preview-canvas {
-- 
cgit