fix highlight on pullquotes

4 files changed, 15 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/paragraph/components/paragraph.list.js b/animism-align/frontend/app/views/paragraph/components/paragraph.list.js
index dadf8c8..a8f32b3 100644
--- a/animism-align/frontend/app/views/paragraph/components/paragraph.list.js
+++ b/animism-align/frontend/app/views/paragraph/components/paragraph.list.js
@@ -19,6 +19,7 @@ class ParagraphList extends Component {
 
   setCurrentParagraph() {
     const { play_ts } = this.props.audio
+
     const insideParagraph = this.props.paragraphs.some(paragraph => {
       if (floatInRange(paragraph.start_ts, play_ts, paragraph.end_ts)) {
         this.setCurrentAnnotation(paragraph, play_ts)
@@ -37,6 +38,7 @@ class ParagraphList extends Component {
   setCurrentAnnotation(paragraph, play_ts) {
     const { id: currentParagraph, annotations } = paragraph
     const possibleAnnotations = annotations.filter(a => a.type === 'sentence')
+    // console.log(possibleAnnotations)
     if (!possibleAnnotations.length) return
     let currentAnnotation
     let annotation
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()
   }