diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/sections')
4 files changed, 10 insertions, 7 deletions
diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css index b357efe..9e3bcda 100644 --- a/animism-align/frontend/app/views/viewer/sections/sections.css +++ b/animism-align/frontend/app/views/viewer/sections/sections.css @@ -50,6 +50,9 @@ padding-left: 1rem; border-left: 1px solid white; } +.sections-nav .checklist-element { + cursor: pointer; +} /* scrolling part */ diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js index 56046c3..4506664 100644 --- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js +++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.nav.js @@ -16,28 +16,28 @@ class ViewerSectionsNav extends Component { <div> <div className="share-link link"> <ViewerSectionsShare /> - <span onClick={() => actions.viewer.toggleComponent('share')}> + <span onClick={() => actions.viewer.showNavComponent('share')}> <Arrow type={'up'} /> {'Share'} </span> </div> <div className="subscribe-link link"> <ViewerSectionsSubscribe /> - <span onClick={() => actions.viewer.toggleComponent('subscribe')}> + <span onClick={() => actions.viewer.showNavComponent('subscribe')}> <Arrow type={viewer.subscribe ? 'down' : 'up'} /> {'Subscribe'} </span> </div> </div> - <div> - <div className="checklist-link link" onClick={() => actions.viewer.toggleComponent('checklist')}> + <div className="checklist-element" onClick={() => actions.viewer.toggleNavComponent('checklist')}> + <div className="checklist-link link"> <Arrow type={viewer.checklist ? 'down': 'up'} /> {'Checklist'} </div> </div> <div> <div className="footnotes-link link"> - <span onClick={() => actions.viewer.toggleComponent('footnotes')}> + <span onClick={() => actions.viewer.showNavComponent('footnotes')}> <Arrow type={viewer.footnotes ? 'down' : 'up'} /> {'Footnotes'} </span> diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.share.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.share.js index 607d4d5..fbf496e 100644 --- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.share.js +++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.share.js @@ -61,7 +61,7 @@ export default class ViewerSectionsShare extends Component { <span className="share-success">success</span> </div> </div> - <div className="nav-return" onClick={() => actions.viewer.hideComponent('share')}> + <div className="nav-return" onClick={() => actions.viewer.hideNavComponent('share')}> <Arrow type={'down'} /> {'Share'} </div> diff --git a/animism-align/frontend/app/views/viewer/sections/viewer.sections.subscribe.js b/animism-align/frontend/app/views/viewer/sections/viewer.sections.subscribe.js index 24ccf99..4b7d848 100644 --- a/animism-align/frontend/app/views/viewer/sections/viewer.sections.subscribe.js +++ b/animism-align/frontend/app/views/viewer/sections/viewer.sections.subscribe.js @@ -11,7 +11,7 @@ export default class ViewerSectionsShare extends Component { <div> <SubscriptionForm /> </div> - <div className="nav-return" onClick={() => actions.viewer.hideComponent('subscribe')}> + <div className="nav-return" onClick={() => actions.viewer.hideNavComponent('subscribe')}> <Arrow type={'down'} /> {'Subscribe'} </div> |