mouse hand on carousels

1 files changed, 13 insertions, 0 deletions

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 {