diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-05-20 21:38:12 +0200 |
|---|---|---|
| committer | ThibG <thib@sitedethib.com> | 2018-07-24 21:20:18 +0200 |
| commit | 02326a432239c58a6cb9ae18486826827b35a190 (patch) | |
| tree | 6611a2591b37693bed6b7e3b78c8e1429641899d /app/javascript/flavours/glitch/styles/components | |
| parent | 1769a7e9aa45731bf4673faee59d1ca7ce11773c (diff) | |
[Glitch] Use LoadingBar instead of blur to indicate that an image is loading
Port 955d5d36e80259d8c10a0246d359f35f63de059d to the glitch-soc flavour
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/index.scss | 5 |
1 files changed, 3 insertions, 2 deletions
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 { |