From 1714ff5c7af26984be6e8c798e3c3a913bf72849 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 18 Nov 2020 18:25:16 +0100
Subject: mouse hand on carousels

---
 .../app/views/viewer/player/components.media/media.css      | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'animism-align/frontend/app')

diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.css b/animism-align/frontend/app/views/viewer/player/components.media/media.css
index 3c688bd..1c3f7ef 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/media.css
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.css
@@ -153,6 +153,15 @@
   background-repeat: no-repeat;
   background-position: center center;
 }
+.carousel-item {
+  cursor: move; /* fallback if grab cursor is unsupported */
+  cursor: grab;
+}
+.carousel-items[data-keen-slider-moves="true"],
+.carousel-item:active { 
+  cursor: grabbing;
+}
+
 .carousel-item img {
   width: auto;
   height: auto;
@@ -165,6 +174,10 @@
 .carousel-item .speaker-icon {
   bottom: 0;
   right: 0;
+  opacity: 0;
+  transition: opacity 0.2s;
+}
+.carousel-item:hover .speaker-icon {
   opacity: 1;
 }
 .player-transcript .carousel-item {
-- 
cgit v1.2.3-70-g09d2