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

1 files changed, 7 insertions, 6 deletions

diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css
index ca1d86e..77cd12f 100644
--- a/animism-align/frontend/app/views/viewer/sections/sections.css
+++ b/animism-align/frontend/app/views/viewer/sections/sections.css
@@ -117,19 +117,20 @@
   margin: 1rem 0 1rem 1rem;
   font-size: 16px;
   cursor: pointer;
-  opacity: 0.6;
-  transition: opacity 0.2s;
+  position: relative;
 }
-.viewer-sections .viewer-section:hover {
-  opacity: 1.0;
+.viewer-sections .viewer-section .section-content {
+  transition: opacity 0.2s;
+  opacity: 0.6;
 }
-.viewer-sections .viewer-section.current-section {
+.viewer-sections .viewer-section.current-section .section-content,
+.viewer-sections .viewer-section:hover .section-content {
   opacity: 1.0;
 }
 .viewer-sections .viewer-section:last-child {
   margin-right: 1rem;
 }
-.viewer-section > div {
+.viewer-section .section-content {
   height: calc(20rem - 4px);
   width: 12rem;
 }