From 0f6179706deb9c0a235013bddebc33596eaf08e3 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 23 Jul 2020 22:53:38 +0200
Subject: opening and closing the nav

---
 animism-align/frontend/app/views/viewer/sections/sections.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

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

diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css
index 9243cd5..334e28b 100644
--- a/animism-align/frontend/app/views/viewer/sections/sections.css
+++ b/animism-align/frontend/app/views/viewer/sections/sections.css
@@ -9,6 +9,11 @@
   color: white;
   display: block;
   white-space: nowrap;
+  transition: transform 0.2s;
+  transform: translateZ(0) translateY(25rem);
+}
+.sections-open .viewer-sections {
+  transform: translateZ(0) translateY(0);
 }
 .viewer-sections .viewer-section {
   display: inline-flex;
@@ -30,5 +35,6 @@
   background-position: center center;
 }
 .viewer-sections .section-media {
-  font-size: 14px;
-}
\ No newline at end of file
+  margin-top: 1rem;
+  font-size: 12px;
+}
-- 
cgit v1.2.3-70-g09d2