video seek logic

2 files changed, 8 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css
index c156fba..2b69ae3 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.css
+++ b/animism-align/frontend/app/views/viewer/nav/nav.css
@@ -84,6 +84,11 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.viewer-nav .link.section-link > span {
+  justify-content: flex-start;
+  white-space: pre;
+  display: block;
+}
 
 .transcript-link {
   padding-right: 1.25rem;
diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
index b8d1a62..5fa1ea7 100644
--- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
+++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js
@@ -39,7 +39,9 @@ class FullscreenVideo extends Component {
   componentDidUpdate(prevProps) {
     if (Math.abs(this.props.play_ts - prevProps.play_ts) > 1.0) {
       // handle seek
-      const seek = (this.props.play_ts - this.props.element.start_ts) % this.state.duration
+      const { play_ts, element } = this.props
+      const { duration, video_start_ts } = this.state
+      const seek = ((play_ts - element.start_ts) % duration) + video_start_ts
       this.setState({ seek })
     }
   }