summaryrefslogtreecommitdiffstats
path: root/web/sass-files/sass/partials/_files.scss
diff options
context:
space:
mode:
authorFlorian Orben <florian.orben@gmail.com>2015-10-17 01:58:34 +0200
committerFlorian Orben <florian.orben@gmail.com>2015-10-21 18:13:59 +0200
commitd167e18f0048344c54685a08c19113a84a995ed9 (patch)
treeccab4d40fc13d8ee566c81774e123f526a879b9a /web/sass-files/sass/partials/_files.scss
parent9553e44dc55e1798180a942e774e9b11f8b01d67 (diff)
downloadchat-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/_files.scss')
-rw-r--r--web/sass-files/sass/partials/_files.scss22
1 files changed, 22 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;
+}