From cd5df514c7d3130c9765a8160dfd31abccb8b741 Mon Sep 17 00:00:00 2001
From: Florian Orben <florian.orben@gmail.com>
Date: Mon, 19 Oct 2015 22:30:00 +0200
Subject: Add stop button to stop animated gifs

---
 web/sass-files/sass/partials/_files.scss | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

(limited to 'web/sass-files/sass/partials/_files.scss')

diff --git a/web/sass-files/sass/partials/_files.scss b/web/sass-files/sass/partials/_files.scss
index cb9ff6862..e4d658230 100644
--- a/web/sass-files/sass/partials/_files.scss
+++ b/web/sass-files/sass/partials/_files.scss
@@ -153,6 +153,9 @@
         height: 100px;
         max-width: initial;
     }
+    &:hover .file-playback-controls.stop {
+        @include opacity(1);
+    }
   }
   .post-image__thumbnail {
     float: left;
@@ -230,11 +233,19 @@
   }
 }
 
-.file-play-button {
+.file-playback-controls {
     position: absolute;
-    right: 0;
+    right: 5px;
     bottom: 0;
     font-size: 22px;
     cursor: pointer;
     z-index: 2;
+    -webkit-transition: opacity 0.6s;
+    -moz-transition: opacity 0.6s;
+    -o-transition: opacity 0.6s;
+    transition: opacity 0.6s;
+
+    &.stop {
+        @include opacity(0);
+    }
 }
-- 
cgit v1.2.3-1-g7c22