From 5c669a020e6db1c8095161941d3a62d5564eacd1 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Mon, 9 Nov 2020 15:39:24 +0100
Subject: click sentences

---
 .../app/views/viewer/player/components.inline/inline.text.js         | 2 +-
 animism-align/frontend/app/views/viewer/player/player.transcript.css | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend')

diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js
index 2eadda7..2475801 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js
@@ -30,7 +30,7 @@ export const Paragraph = ({ paragraph, currentParagraph, currentAnnotation, onAn
           <span
             key={annotation.id}
             className={annotation.id === currentAnnotation ? 'current' : ''}
-            onClick={e => onAnnotationClick(e, paragraph, firstAnnotation)}
+            onClick={e => onAnnotationClick(e, paragraph, annotation)}
             dangerouslySetInnerHTML={{ __html: ' ' + annotation.text + ' ' }}
           />
         )
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 c6853cb..5c7056b 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.css
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.css
@@ -144,6 +144,8 @@
   color: #000;
   transition: all 0.1s;
 }
+.player-transcript .intro_paragraph span:hover,
+.player-transcript .paragraph span:hover,
 .player-transcript .pullquote span:hover {
   box-shadow: -3px -2px 0 #e8e8e8,
                3px -2px 0 #e8e8e8,
@@ -192,7 +194,8 @@
 .speaker-icon svg path {
   fill: white;
 }
-.paragraph:hover .speaker-icon {
+.paragraph:hover .speaker-icon,
+.speaker-icon:hover {
   opacity: 1;
 }
 .player-transcript.black .speaker-icon svg {
-- 
cgit v1.2.3-70-g09d2