From d167e18f0048344c54685a08c19113a84a995ed9 Mon Sep 17 00:00:00 2001
From: Florian Orben <florian.orben@gmail.com>
Date: Sat, 17 Oct 2015 01:58:34 +0200
Subject: PLT-616: Enable playing of animated GIF in thumbnails and preview

---
 web/sass-files/sass/partials/_files.scss | 22 ++++++++++++++++++++++
 web/sass-files/sass/partials/_modal.scss |  9 +++++++++
 2 files changed, 31 insertions(+)

(limited to 'web/sass-files/sass/partials')

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;
-- 
cgit v1.2.3-1-g7c22