From edb547ef04d15fd6dceafa7dbab100132becdc3e Mon Sep 17 00:00:00 2001
From: Maxim Velesyuk <max.velesyuk@gmail.com>
Date: Sun, 6 Oct 2024 22:24:11 +0200
Subject: [PATCH] Update slider thumb

---
 src/App.css                                            | 4 ++++
 src/pages/map/components/timelapse/TimelapseButton.tsx | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/App.css b/src/App.css
index fce60697..81f1ad85 100644
--- a/src/App.css
+++ b/src/App.css
@@ -141,3 +141,7 @@ div.Mui-focused {
 span.MuiSlider-mark {
   display: none;
 }
+
+span.MuiSlider-thumb:active {
+  box-shadow: none;
+}
diff --git a/src/pages/map/components/timelapse/TimelapseButton.tsx b/src/pages/map/components/timelapse/TimelapseButton.tsx
index c2f7fe49..b6200456 100644
--- a/src/pages/map/components/timelapse/TimelapseButton.tsx
+++ b/src/pages/map/components/timelapse/TimelapseButton.tsx
@@ -289,12 +289,12 @@ function CustomThumb(props: any) {
       {...props}
       style={{
         ...props.style,
-        height: isActive ? '22px' : '18px',
-        width: isActive ? '14px' : '12px',
+        height: isActive ? '24px' : '18px',
+        width: isActive ? '16px' : '12px',
         border: '1px solid white',
         backgroundColor: Color.white,
         borderRadius: isActive ? '10px' : '6px',
-        transform: isActive ? 'translate(-36%, -78%)' : 'translate(-34%, -84%)',
+        transform: isActive ? 'translate(-36%, -77%)' : 'translate(-34%, -84%)',
       }}
     />
   )