fix highlight on pullquotes

3 files changed, 13 insertions, 2 deletions

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 20f45c7..2eadda7 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
@@ -71,7 +71,7 @@ export const Pullquote = ({ paragraph, currentParagraph, currentAnnotation, onAn
               ? '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 24b677b..c6853cb 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,17 @@
   color: #000;
   transition: all 0.1s;
 }
+.player-transcript .pullquote span:hover {
+  box-shadow: -3px -2px 0 #e8e8e8,
+               3px -2px 0 #e8e8e8,
+              -3px  2px 0 #e8e8e8,
+               3px  2px 0 #e8e8e8;
+  box-decoration-break: clone;
+  background: #e8e8e8;
+  color: #000;
+  cursor: pointer;
+  transition: all 0.1s;
+}
 
 .player-transcript .paragraph {
   position: relative;
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.js b/animism-align/frontend/app/views/viewer/player/player.transcript.js
index fc0b3ea..15d376a 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.js
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.js
@@ -38,7 +38,7 @@ class PlayerTranscript extends Component {
         actions.audio.seek(ts)
       }
     } else {
-      actions.audio.seek(paragraph.start_ts)
+      actions.audio.seek(annotation.start_ts)
     }
     actions.audio.play()
   }