From f8c2db40de5967f19dcc6af8171c4e40cf0cbd1b Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 9 Sep 2020 15:25:55 +0200
Subject: intro caption, keeping nav darkened until playback starts

---
 animism-align/frontend/app/views/viewer/nav/nav.parent.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/nav/nav.parent.js')

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,
 })
 
-- 
cgit v1.2.3-70-g09d2