From 49bf241d0fa275053424db3458a057de7b9d418f Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 21 Nov 2020 16:44:07 +0100
Subject: messaging if rest of chapters are disabled. grayscale all disabled
 media

---
 animism-align/frontend/app/views/viewer/nav/eflux.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

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

diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.css b/animism-align/frontend/app/views/viewer/nav/eflux.css
index e25cb09..eb7f973 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.css
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.css
@@ -9,6 +9,20 @@
 .eflux-header.transcript-open {
   width: calc(100vw - 31.875rem);
 }
+.eflux-gradient {
+  position: fixed;
+  top: 0; left: 0;
+  width: 100%;
+  height: 4.5rem;
+  pointer-events: none;
+  background-image: linear-gradient(0deg, rgba(255,255,255,0.0), rgba(255,255,255,1.0));
+  opacity: 0.0;
+  transition: opacity 2.0s;
+  z-index: 0;
+}
+.gradient .eflux-gradient {
+  opacity: 1.0;
+}
 .eflux-logo {
   position: absolute;
   top: 20px;
-- 
cgit v1.2.3-70-g09d2