diff options
| author | ThibG <thib@sitedethib.com> | 2018-07-15 01:18:09 +0200 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2018-07-15 01:18:09 +0200 |
| commit | 955d5d36e80259d8c10a0246d359f35f63de059d (patch) | |
| tree | 46f7b0e1eef13f239e69d7bdec1350a980bcd339 /app/javascript/styles | |
| parent | af161e849dcad223a03bd95df3804443533144a4 (diff) | |
Use LoadingBar instead of blur to indicate that an image is loading (fixes #4060) (#7562)
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/mastodon/components.scss | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 5fa73d58a..b3d8f135f 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -1478,6 +1478,7 @@ a.account__display-name { display: flex; align-items: center; justify-content: center; + flex-direction: column; .image-loader__preview-canvas { max-width: $media-modal-media-max-width; @@ -1486,8 +1487,8 @@ a.account__display-name { object-fit: contain; } - &.image-loader--loading .image-loader__preview-canvas { - filter: blur(2px); + .loading-bar { + position: relative; } &.image-loader--amorphous .image-loader__preview-canvas { |