From b4b9a24aba7d99087448a89087dab027956927f2 Mon Sep 17 00:00:00 2001
From: loof2736 <joshwilberger27@gmail.com>
Date: Sun, 11 Aug 2024 20:02:28 -0400
Subject: [PATCH] Added transition to chapter markers

---
 CSS/scyfin-theme.css | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/CSS/scyfin-theme.css b/CSS/scyfin-theme.css
index 4937c31..e172e81 100644
--- a/CSS/scyfin-theme.css
+++ b/CSS/scyfin-theme.css
@@ -460,11 +460,19 @@ html,
 #skipIntro .paper-icon-button-light:hover:not(:disabled) {
     color: #FFF !important;
 }
-.sliderMarker.watched {
-    background-color: var(--primary-accent-color) !important;
+.sliderContainer:has(.mdl-slider-hoverthumb:not(:hover)) .sliderMarker {
+    opacity: 0 !important;
+    transition: 0.2s !important;
 }
-.sliderMarker.unwatched {
-    background-color: #ffffff25 !important;
+.sliderContainer:has(.mdl-slider-hoverthumb:hover) .sliderMarker {
+    opacity: 1 !important;
+    transition: 0.2s !important;
+    height: 10px !important;
+    transform: translate3d(0,40%,0) !important;
+    -webkit-transform: translate3d(0,40%,0) !important;
+}
+.sliderMarker.watched {
+    background-color: #FFFFFF90 !important;
 }