From ee512abb9eceb3a0ef69f7dbe47883f03c1c51cc Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 20 Oct 2020 20:02:06 +0200 Subject: open footnotes even if sections not open --- animism-align/frontend/app/views/nav/header.component.js | 2 +- animism-align/frontend/app/views/viewer/nav/viewer.router.js | 1 - animism-align/frontend/app/views/viewer/sections/footnotes.css | 8 +++++++- 3 files changed, 8 insertions(+), 3 deletions(-) (limited to 'animism-align') diff --git a/animism-align/frontend/app/views/nav/header.component.js b/animism-align/frontend/app/views/nav/header.component.js index 06b46ab..a4b9665 100644 --- a/animism-align/frontend/app/views/nav/header.component.js +++ b/animism-align/frontend/app/views/nav/header.component.js @@ -9,7 +9,7 @@ import './nav.css' function Header(props) { if (props.router.location && props.router.location.pathname.match("/viewer")) { - return + return null } return (
diff --git a/animism-align/frontend/app/views/viewer/nav/viewer.router.js b/animism-align/frontend/app/views/viewer/nav/viewer.router.js index 651bbb6..bbe09ee 100644 --- a/animism-align/frontend/app/views/viewer/nav/viewer.router.js +++ b/animism-align/frontend/app/views/viewer/nav/viewer.router.js @@ -38,7 +38,6 @@ class ViewerRouter extends Component { actions.viewer.showCredits() break case 'footnotes': - actions.viewer.showComponent('nav') actions.viewer.showComponent('footnotes') break case 'end': diff --git a/animism-align/frontend/app/views/viewer/sections/footnotes.css b/animism-align/frontend/app/views/viewer/sections/footnotes.css index a6003de..0d72429 100644 --- a/animism-align/frontend/app/views/viewer/sections/footnotes.css +++ b/animism-align/frontend/app/views/viewer/sections/footnotes.css @@ -28,6 +28,9 @@ bottom: auto; } .footnotes-open .nav-footnotes { + transform: translateZ(0) translateY(-25rem); +} +.nav-open.footnotes-open .nav-footnotes { transform: translateY(0) translateZ(0); opacity: 1; z-index: 10; @@ -88,4 +91,7 @@ position: absolute; bottom: 0; left: 0; -} \ No newline at end of file +} +.viewer-nav .nav-footnotes .nav-return .arrow polygon { + fill: #fff; +} -- cgit v1.2.3-70-g09d2