diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav/nav.parent.js')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/nav.parent.js | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.parent.js b/animism-align/frontend/app/views/viewer/nav/nav.parent.js index 97919ce..98598d0 100644 --- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js +++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js @@ -47,11 +47,11 @@ class NavParent extends Component { } } render() { - const { viewer, play_ts, started } = this.props + const { viewer, play_ts, started, playing } = this.props let containerClassName = "viewer-nav " + viewer.navStyle let navClassName = 'nav-row main-nav' if (this.state.hoveringNav || !started) containerClassName += ' hovering-nav' - if ((this.state.hoveringNext || viewer.atEndOfSection) && !viewer.nav && viewer.nextSection) containerClassName += ' hovering-next' + if ((this.state.hoveringNext || (viewer.atEndOfSection && !playing)) && !viewer.nav && viewer.nextSection) containerClassName += ' hovering-next' return ( <div className={containerClassName} onMouseLeave={this.handleMouseLeave}> <div className={navClassName}> @@ -107,6 +107,7 @@ class NavParent extends Component { const mapStateToProps = state => ({ viewer: state.viewer, started: state.audio.started, + playing: state.audio.playing, play_ts: state.audio.play_ts, }) |