From 062543e4fd5a25bb41a116e9510407a23ca70c64 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 18 Nov 2020 18:51:04 +0100
Subject: fix speaker hover effects

---
 animism-align/frontend/app/views/viewer/nav/nav.css               | 1 +
 .../app/views/viewer/player/components.inline/inline.gallery.js   | 3 ++-
 .../frontend/app/views/viewer/player/components.media/media.css   | 8 ++++++--
 .../frontend/app/views/viewer/player/player.transcript.css        | 6 ++++++
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css
index b702f71..01cc8ec 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.css
+++ b/animism-align/frontend/app/views/viewer/nav/nav.css
@@ -108,6 +108,7 @@
 
 .next-link {
   padding: 0.25rem 0.25rem 0.25rem 8rem;
+  user-select: none;
 }
 .transcript-link {
   padding-right: 1.25rem;
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
index f113abf..a8be0de 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
@@ -47,9 +47,10 @@ export const InlineCarousel = ({ paragraph, media, currentSection, onAnnotationC
     <div
       className={'inline-element media carousel ' + color.label}
     >
-      <div style={style} className='carousel-container'>
+      <div className='carousel-container'>
         <Carousel
           media={mediaItem}
+          style={style}
           cues={currentSection.mediaCues[mediaItem.id]}
         />
       </div>
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 1c3f7ef..94dabc0 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
@@ -36,6 +36,10 @@
 .carousel-positioning {
   position: relative;
 }
+.black .carousel-positioning {
+  background: #000;
+  padding: 1rem 0;
+}
 .carousel-component .nav-arrow {
   position: absolute;
   top: 0;
@@ -107,13 +111,13 @@
 .dots .dot-item.active {
   opacity: 1.0;
 }
-.carousel.black .dots .dot-circle {
+/*.carousel.black .dots .dot-circle {
   background: #fff;
 }
 .carousel.black svg polygon {
   fill: #fff;
 }
-
+*/
 /* carousel */
 
 .inline-element:nth-child(2) .carousel-container {
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.css b/animism-align/frontend/app/views/viewer/player/player.transcript.css
index 0c28b78..766395f 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -286,6 +286,12 @@
 .player-transcript .media.image .speaker-icon {
   bottom: 0;
   right: 0;
+}
+.player-transcript .media.image .speaker-icon:hover,
+.player-transcript .media.video .speaker-icon:hover,
+.player-transcript .media.image .image-container:hover .speaker-icon,
+.player-transcript .media.video .videoPoster:hover .speaker-icon,
+.player-transcript .media.video .videoContainer:hover .speaker-icon {
   opacity: 1;
 }
 .player-transcript .media.image .speaker-icon:hover svg {
-- 
cgit v1.2.3-70-g09d2