diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-09-09 15:25:55 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-09-09 15:25:55 +0200 |
| commit | f8c2db40de5967f19dcc6af8171c4e40cf0cbd1b (patch) | |
| tree | 6945d903c3e650b5d3891c2fac89cfc5dce16363 /animism-align/frontend/app/views/viewer/nav | |
| parent | aa63bd2d0d6d26fa4ce4247794c7d523573c15cb (diff) | |
intro caption, keeping nav darkened until playback starts
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav')
| -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 ca1c148..5ddc13d 100644 --- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js +++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js @@ -38,10 +38,10 @@ class NavParent extends Component { }, 50) } render() { - const { viewer, play_ts } = this.props + const { viewer, play_ts, started } = this.props let containerClassName = "viewer-nav " + viewer.navStyle let navClassName = 'nav-row main-nav' - if (this.state.hoveringNav) containerClassName += ' hovering-nav' + if (this.state.hoveringNav || !started) containerClassName += ' hovering-nav' if ((this.state.hoveringNext || viewer.atEndOfSection) && !viewer.nav) containerClassName += ' hovering-next' return ( <div className={containerClassName} onMouseLeave={this.handleMouseLeave}> @@ -94,6 +94,7 @@ class NavParent extends Component { const mapStateToProps = state => ({ viewer: state.viewer, + started: state.audio.started, play_ts: state.audio.play_ts, }) |