From c05f49f1cd5683b868c82e453a76aec185bcbe01 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 2 Oct 2020 15:19:17 +0200
Subject: refactor viewer sections list, share, subscribe, subscription form

---
 .../frontend/app/views/viewer/nav/nav.css          | 64 ++++------------------
 1 file changed, 12 insertions(+), 52 deletions(-)

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

diff --git a/animism-align/frontend/app/views/viewer/nav/nav.css b/animism-align/frontend/app/views/viewer/nav/nav.css
index f84470f..4738493 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.css
+++ b/animism-align/frontend/app/views/viewer/nav/nav.css
@@ -73,7 +73,11 @@
   align-items: center;  
   cursor: pointer;
 }
-.viewer-nav .link span {
+.viewer-nav .link > span {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;  
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -83,6 +87,13 @@
   padding-right: 1.25rem;
 }
 
+.viewer-nav .link > span.replay-link {
+  display: inline-block;
+  max-width: 30vw;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .viewer-nav .next-section-thumbnail {
   position: absolute;
   right: 0;
@@ -128,57 +139,6 @@
   opacity: 1;
 }
 
-/* Share box */
-
-.nav-share {
-  position: absolute;
-  bottom: 3rem;
-  left: 0;
-  width: 20rem;
-  transform: translateY(30rem);
-  transition: opacity 0.01s, transform 0.2s;
-  padding: 0.5rem 1.5rem;
-  background: black;
-  border: 1px solid white;
-  color: white;
-  font-size: 18px;
-  /*opacity: 0;*/
-}
-.checklist-open .nav-share {
-  top: 3rem;
-  z-index: 21;
-  transform: translateY(-30rem);
-  bottom: auto;
-}
-.share-open .nav-share {
-  transform: translateY(0);
-  opacity: 1;
-}
-.nav-share a {
-  color: white;
-  text-decoration: none;
-}
-.nav-share .share-success {
-  display: none;
-}
-.nav-share.copying .share-success {
-  margin-left: 1rem;
-  display: inline;
-  opacity: 1;
-  color: white;
-  font-size: 0.75rem;
-}
-.nav-share.copying.copied .share-success {
-  opacity: 0;
-  transition: opacity 1.0s 1.0s;
-}
-.nav-share .share-option {
-  padding: 0.5rem 0;
-}
-.nav-share .share-copy {
-  cursor: pointer;
-}
-
 /* Arrows */
 
 .arrow svg {
-- 
cgit v1.2.3-70-g09d2