diff options
| author | Florian Orben <florian.orben@gmail.com> | 2015-10-19 22:30:00 +0200 |
|---|---|---|
| committer | Florian Orben <florian.orben@gmail.com> | 2015-10-21 18:13:59 +0200 |
| commit | cd5df514c7d3130c9765a8160dfd31abccb8b741 (patch) | |
| tree | 4d0f17c60ae95140d043a6bb36bd46bf559506e5 /web/sass-files/sass/partials/_files.scss | |
| parent | 420c754ca300d6f089adc9f22d34a8acb00a571e (diff) | |
| download | chat-cd5df514c7d3130c9765a8160dfd31abccb8b741.tar.gz chat-cd5df514c7d3130c9765a8160dfd31abccb8b741.tar.bz2 chat-cd5df514c7d3130c9765a8160dfd31abccb8b741.zip | |
Add stop button to stop animated gifs
Diffstat (limited to 'web/sass-files/sass/partials/_files.scss')
| -rw-r--r-- | web/sass-files/sass/partials/_files.scss | 15 |
1 files changed, 13 insertions, 2 deletions
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); + } } |