Remove ticks and display min max labels in EuiDualRange slider (#369)

caraml-dev · Mar 4, 2024 · 80ea310 · 80ea310
1 parent b4ff131
commit 80ea310
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/ui/src/router/components/form/components/ResourcesPanel.js b/ui/src/router/components/form/components/ResourcesPanel.js
@@ -12,8 +12,6 @@ import {
 import { FormLabelWithToolTip } from "../../../../components/form/label_with_tooltip/FormLabelWithToolTip";
 import { useOnChangeHandler } from "../../../../components/form/hooks/useOnChangeHandler";
 
-const maxTicks = 20;
-
 export const ResourcesPanel = ({
   resourcesConfig,
   onChangeHandler,
@@ -90,10 +88,8 @@ export const ResourcesPanel = ({
             fullWidth
             min={0}
             max={maxAllowedReplica}
-            // This component only allows up to 20 ticks to be displayed at the slider
-            tickInterval={Math.ceil((maxAllowedReplica + 1) / maxTicks)}
             showInput
-            showTicks
+            showLabels
             value={[
               resourcesConfig.min_replica || 0,
               resourcesConfig.max_replica || 0,