handheld should go up to 760 pixels on a side, or so. ipad is 768, iphone pro is 736. make corner section link text open the nav...

1 files changed, 6 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 3fc2678..467907d 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js
+++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js
@@ -24,6 +24,7 @@ class NavParent extends Component {
     this.handleMouseLeaveNext = this.handleMouseLeaveNext.bind(this)
     this.handleNavBarClick = this.handleNavBarClick.bind(this)
     this.handleSectionLinkClick = this.handleSectionLinkClick.bind(this)
+    this.handleSectionLinkTextClick = this.handleSectionLinkTextClick.bind(this)
     this.goToNextSection = this.goToNextSection.bind(this)
   }
   handleMouseEnter(){
@@ -71,6 +72,10 @@ class NavParent extends Component {
     e && e.stopPropagation()
     actions.viewer.toggleComponent('nav')
   }
+  handleSectionLinkTextClick(e) {
+    e && e.stopPropagation()
+    actions.viewer.toggleComponent('nav')
+  }
   handleMouseMove(e) {
     e && e.stopPropagation()
   }
@@ -97,7 +102,7 @@ class NavParent extends Component {
       <div ref={this.navbarRef} 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">
+            <span className="section-link link" onClick={this.handleSectionLinkTextClick}>
               <Arrow type={viewer.nav ? 'down' : 'up'} onClick={this.handleSectionLinkClick} />
               {currentSection && (
                 viewer.mediaTitle