From 7eebb16aee7a6b439773f58002e8c3bf1fa4315e Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 20 Oct 2020 19:55:35 +0200
Subject: footnotes element, close box, navigate to timestamp when clicking go
 to text

---
 .../frontend/app/views/viewer/sections/footnotes.css     | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

(limited to 'animism-align/frontend/app/views/viewer/sections/footnotes.css')

diff --git a/animism-align/frontend/app/views/viewer/sections/footnotes.css b/animism-align/frontend/app/views/viewer/sections/footnotes.css
index bf7a308..a6003de 100644
--- a/animism-align/frontend/app/views/viewer/sections/footnotes.css
+++ b/animism-align/frontend/app/views/viewer/sections/footnotes.css
@@ -4,6 +4,7 @@
   position: relative;
 }
 .nav-footnotes {
+  flex-direction: column;
   position: absolute;
   bottom: 0;
   right: -1px;
@@ -34,9 +35,19 @@
 .nav-footnotes-close {
   text-align: right;
   height: 1rem;
+  margin-bottom: 0.5rem;
   cursor: pointer;
+  width: 100%;
+}
+.nav-footnotes-close svg {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+.nav-footnotes-close svg line {
+  stroke: white;
 }
 .nav-footnotes-scroll {
+  min-height: 10rem;
   max-height: calc(50vh - 5rem);
   max-width: 100%;
   overflow-x: hidden;
@@ -72,4 +83,9 @@
   text-decoration: none;
   border-bottom: 1px dotted;
   cursor: pointer;
+}
+.nav-footnotes .nav-return {
+  position: absolute;
+  bottom: 0;
+  left: 0;
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2