summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views')
-rw-r--r--animism-align/frontend/app/views/nav/header.component.js2
-rw-r--r--animism-align/frontend/app/views/viewer/nav/viewer.router.js1
-rw-r--r--animism-align/frontend/app/views/viewer/sections/footnotes.css8
3 files changed, 8 insertions, 3 deletions
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 <span />
+ return null
}
return (
<header>
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;
+}