From 49bf241d0fa275053424db3458a057de7b9d418f Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Sat, 21 Nov 2020 16:44:07 +0100 Subject: messaging if rest of chapters are disabled. grayscale all disabled media --- .../frontend/app/views/viewer/sections/sections.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 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 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; } -- cgit v1.2.3-70-g09d2