diff options
author | Thibaut Girka <thib@sitedethib.com> | 2018-04-08 23:15:25 +0200 |
---|---|---|
committer | Thibaut Girka <thib@sitedethib.com> | 2018-04-08 23:15:25 +0200 |
commit | 87071d9e8133daf60f5c253fdc4250086e342143 (patch) | |
tree | 7cd622223b9ec38a19c9bf6a8e45b40d7648ccd4 /app/javascript/flavours/glitch/styles/components/index.scss | |
parent | 0b86ec4e7fb45c1388a692b23f5ffc7d78b5076f (diff) |
[Glitch] Improved media modal
Port 4e929b2d173fa22b722c58c0e9f8223eb4f44b0e to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/index.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/index.scss | 35 |
1 files changed, 14 insertions, 21 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss index aa33c9333..ad446f18b 100644 --- a/app/javascript/flavours/glitch/styles/components/index.scss +++ b/app/javascript/flavours/glitch/styles/components/index.scss @@ -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 { |