diff options
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/nav.css | 5 | ||||
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.video.js | 4 |
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 }) } } |