From bc8f1506d2b5f2cd0528f2fbb6aad99460f6cf17 Mon Sep 17 00:00:00 2001
From: ishaanbhagwat <53055587+ishaanbhagwat@users.noreply.github.com>
Date: Fri, 28 Jul 2023 16:12:03 -0500
Subject: [PATCH] feat(adds readonly prop to rangeslider component):
 implemented readonly mode to RangeSlider

I added a boolean flag prop called readonly, that conditionally allows the user to drag the
RangeSlider handle and enable/disable the drag handle.
---
 src/components/RangeSlider/RangeSlider.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/RangeSlider/RangeSlider.tsx b/src/components/RangeSlider/RangeSlider.tsx
index 5eb710f59..fe8656801 100644
--- a/src/components/RangeSlider/RangeSlider.tsx
+++ b/src/components/RangeSlider/RangeSlider.tsx
@@ -101,12 +101,10 @@ export const HandleLabel = styled.div`
       bottom: 100%;
       left: 50%;
       transform: translateX(-50%) rotate(${clamp(velocity, -45, 45)}deg);
-
       background-color: ${colors.background};
       border-radius: 4px;
       font-weight: bold;
       white-space: nowrap;
-
       pointer-events: none;
       z-index: 2;
     `;