From b95d4eebf1172e84d369d1d0396479054ec9ee93 Mon Sep 17 00:00:00 2001
From: Elliott Rose <elliott.rose@bsc.es>
Date: Fri, 13 Jan 2023 12:48:20 +0100
Subject: [PATCH] Restyle today/tommorow slider

---
 assets/custom-functions.js | 14 ++++++++++++++
 assets/style.css           |  9 +++++++++
 2 files changed, 23 insertions(+)

diff --git a/assets/custom-functions.js b/assets/custom-functions.js
index dcf0304..8f05f87 100644
--- a/assets/custom-functions.js
+++ b/assets/custom-functions.js
@@ -101,3 +101,17 @@ $(document).ready(function () {
                 });
 });
 
+// Remove yellow from rc-slider-mark-text when moved
+$(document).ready(function () {
+    $(document).on('click','.rc-slider' , function () {
+		const handle = document.getElementsByClassName('rc-slider-handle')[0];
+		const text = document.getElementsByClassName('rc-slider-mark-text')[0];
+		if (handle.style.left == '100%'){
+			text.style.color = '#999';
+		}else{
+			text.style.color = '#F1B545';
+		}
+	})
+})
+		
+
diff --git a/assets/style.css b/assets/style.css
index 829f531..67b4336 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -752,6 +752,15 @@ div.SingleDatePickerInput {
     
 }
 
+.rc-slider-mark-text-active {
+	color:#F1B545;
+}
+
+.rc-slider-handle{
+	background-color:#F1B545 !important;
+	border: none;
+}
+
 #fullscreen-tab {
 	position: absolute;
 	right: 5px;
-- 
GitLab