From 76dd480254282f98678a1d081fc1b6651a03207c Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Tue, 27 Jun 2023 20:21:46 +0000
Subject: [PATCH] add step && marks

---
 .../settings/components/sliderValues/index.jsx         |  3 ++-
 .../settings/components/sliderValues/index.less        | 10 +++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/app/constants/settings/components/sliderValues/index.jsx b/packages/app/constants/settings/components/sliderValues/index.jsx
index 54b17a39..a7eb4c2f 100644
--- a/packages/app/constants/settings/components/sliderValues/index.jsx
+++ b/packages/app/constants/settings/components/sliderValues/index.jsx
@@ -64,10 +64,11 @@ export default (props) => {
                         value={values[slider.key] ?? 0}
                         orientation="vertical"
                         valueLabelDisplay="off"
-                        step={slider.step ?? 0.1}
+                        step={slider.step ?? props.step ?? 0.1}
                         min={slider.min}
                         max={slider.max}
                         disabled={props.disabled}
+                        marks={props.marks ?? props.marks}
                     />
 
                     <div className="values_sliders_slider_value">
diff --git a/packages/app/constants/settings/components/sliderValues/index.less b/packages/app/constants/settings/components/sliderValues/index.less
index 7de8480b..cc2868f0 100644
--- a/packages/app/constants/settings/components/sliderValues/index.less
+++ b/packages/app/constants/settings/components/sliderValues/index.less
@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: row;
 
-    padding: 10px;
+    padding: 10px 0;
 
     width: 100%;
 
@@ -29,8 +29,15 @@
             display: inline-flex;
             flex-direction: row;
 
+            overflow: hidden;
+
             span {
                 font-size: 0.7rem;
+
+                white-space: nowrap;
+                text-overflow: clip;
+
+                overflow: hidden;
             }
         }
 
@@ -45,6 +52,7 @@
 
         .MuiSlider-vertical {
             min-height: 300px;
+            color: var(--primaryColor);
         }
     }
 }
\ No newline at end of file