messaging if rest of chapters are disabled. grayscale all disabled media

1 files changed, 14 insertions, 0 deletions

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;