From b95d4eebf1172e84d369d1d0396479054ec9ee93 Mon Sep 17 00:00:00 2001 From: Elliott Rose 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