scrubber when nav is open. dont shrink content?

1 files changed, 5 insertions, 1 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 00eab26..554f5bd 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js
+++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
@@ -16,6 +16,7 @@ class NavParent extends Component {
   constructor(props){
     super(props)
     this.suppressHover = false
+    this.handleMouseMove = this.handleMouseMove.bind(this)
     this.handleMouseEnter = this.handleMouseEnter.bind(this)
     this.handleMouseLeave = this.handleMouseLeave.bind(this)
     this.handleMouseEnterNext = this.handleMouseEnterNext.bind(this)
@@ -54,6 +55,9 @@ class NavParent extends Component {
     actions.viewer.toggleComponent('nav')
     console.log('>> CLICK NAV')
   }
+  handleMouseMove(e) {
+    e && e.stopPropagation()
+  }
   goToNextSection(e) {
     e && e.preventDefault()
     e && e.stopPropagation()
@@ -73,7 +77,7 @@ class NavParent extends Component {
     if (this.state.hoveringNav || !started) containerClassName += ' hovering-nav'
     if ((this.state.hoveringNext || (viewer.atEndOfSection && !playing)) && !viewer.nav && viewer.nextSection) containerClassName += ' hovering-next'
     return (
-      <div className={containerClassName} onMouseLeave={this.handleMouseLeave}>
+      <div className={containerClassName} onMouseMove={this.handleMouseMove} onMouseLeave={this.handleMouseLeave}>
         <div className={navClassName} onClick={this.handleNavBarClick}>
           <div className='nav-section-name' onMouseEnter={this.handleMouseEnter}>
             <span className="section-link link">