diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-10-30 17:41:51 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-10-30 17:41:51 +0100 |
| commit | 90352b1c0e3f9ebcd543ce047e852fd7ca05a012 (patch) | |
| tree | 841717f00d45f2acae84c5b0d38a6c26d264e533 /animism-align/frontend/app/views/viewer/nav/nav.parent.js | |
| parent | 2df2397faa49ebee2bafa82fceaaa64618b724b2 (diff) | |
hovering logic
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, }) |