diff options
| author | Nolan Lawson <nolan@nolanlawson.com> | 2017-05-31 08:07:25 -0700 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-05-31 17:07:25 +0200 |
| commit | c00ead8a72dd738013b8a132eff7de4959e59670 (patch) | |
| tree | b936aa0906b8850047557677f428edd9e873391c /app/javascript/styles/components.scss | |
| parent | e49dc6a06eb18af023da82d60e485cd3c382fc96 (diff) | |
Remove react-imageloader (#3423)
* Remove react-imageloader * add eslint-disable-line * improve image loading experience * remove unneeded import * use PureComponent * Use componentWillMount instead of constructor
Diffstat (limited to 'app/javascript/styles/components.scss')
| -rw-r--r-- | app/javascript/styles/components.scss | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 4afbd12cf..e396f04cc 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -1137,13 +1137,13 @@ } } -.transparent-background, -.imageloader { - background: url('../images/void.png'); +.image-loader__img { + transition: opacity 0.3s linear; + opacity: 1; } -.imageloader { - display: block; +.image-loader__img-loading { + opacity: 0.7; } .navigation-bar { @@ -2852,6 +2852,11 @@ button.icon-button.active i.fa-retweet { max-width: 80vw; max-height: 80vh; } + + img { + display: block; + background: url('../images/void.png') repeat; + } } .media-modal__close { |