diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-11-09 15:39:24 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-11-09 15:39:24 +0100 |
| commit | 5c669a020e6db1c8095161941d3a62d5564eacd1 (patch) | |
| tree | 01382c819970ff2303145ea9c2ad5340c4283a8d | |
| parent | 5b0ec2fd0cf559c0486a216cda711bfc4b43ccc1 (diff) | |
click sentences
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.inline/inline.text.js | 2 | ||||
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/player.transcript.css | 5 |
2 files changed, 5 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 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 { |