diff --git a/assets/custom-functions.js b/assets/custom-functions.js index dcf03049c309b84833c0820b5a600af9e13e0368..8f05f87f8650040b9907a37e5ffc031d5a3d687e 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 829f5310f3c6201d7746547e48ca70b6a851b043..67b43361c53541ad73abec3e8fc9d2a6ff4f6983 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;