From 21420bc2db178fc8814d8edd3955205925199f8c Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 21 Nov 2020 16:49:51 +0100
Subject: 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...

---
 animism-align/frontend/app/views/viewer/nav/nav.css       | 2 +-
 animism-align/frontend/app/views/viewer/nav/nav.parent.js | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

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

diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css
index 4a1b8e7..dfbb093 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.css
+++ b/animism-align/frontend/app/views/viewer/nav/nav.css
@@ -99,7 +99,7 @@
   text-overflow: ellipsis;
 }
 .viewer-nav .link.section-link {
-  cursor: crosshair;
+  cursor: pointer;
 }
 .viewer-nav .link.section-link > span {
   align-items: flex-start;
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
-- 
cgit v1.2.3-70-g09d2