diff options
author | Florian Orben <florian.orben@gmail.com> | 2015-10-17 01:58:34 +0200 |
---|---|---|
committer | Florian Orben <florian.orben@gmail.com> | 2015-10-21 18:13:59 +0200 |
commit | d167e18f0048344c54685a08c19113a84a995ed9 (patch) | |
tree | ccab4d40fc13d8ee566c81774e123f526a879b9a /web/sass-files/sass/partials | |
parent | 9553e44dc55e1798180a942e774e9b11f8b01d67 (diff) | |
download | chat-d167e18f0048344c54685a08c19113a84a995ed9.tar.gz chat-d167e18f0048344c54685a08c19113a84a995ed9.tar.bz2 chat-d167e18f0048344c54685a08c19113a84a995ed9.zip |
PLT-616: Enable playing of animated GIF in thumbnails and preview
Diffstat (limited to 'web/sass-files/sass/partials')
-rw-r--r-- | web/sass-files/sass/partials/_files.scss | 22 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_modal.scss | 9 |
2 files changed, 31 insertions, 0 deletions
diff --git a/web/sass-files/sass/partials/_files.scss b/web/sass-files/sass/partials/_files.scss index 01057423d..1d7754445 100644 --- a/web/sass-files/sass/partials/_files.scss +++ b/web/sass-files/sass/partials/_files.scss @@ -133,12 +133,25 @@ height: 100%; background-color: #FFF; background-repeat: no-repeat; + overflow: hidden; + position: relative; &.small { background-position: center; } &.normal { background-position: top left; } + .spinner.file__loading { + position: absolute; + left: 50%; + margin-left: -16px; + top: 50%; + margin-top: -16px; + } + .file__loaded { + height: 100px; + max-width: initial; + } } .post-image__thumbnail { float: left; @@ -215,3 +228,12 @@ } } } + +.file-play-button { + position: absolute; + right: 0; + bottom: 0; + font-size: 22px; + cursor: pointer; + z-index: 2; +} diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss index 5570b5ce4..5a8c1899a 100644 --- a/web/sass-files/sass/partials/_modal.scss +++ b/web/sass-files/sass/partials/_modal.scss @@ -228,11 +228,20 @@ background: #FFF; display: table-cell; vertical-align: middle; + position: relative; } img { max-width: 100%; max-height: 100%; } + .spinner.file__loading { + z-index: 2; + position: absolute; + left: 50%; + margin-left: -16px; + top: 50%; + margin-top: -16px; + } } .modal-content{ box-shadow: none; |