From 4206a4d16a90d4f8989ee15705adb912e28bba93 Mon Sep 17 00:00:00 2001 From: Ihor Yeromin Date: Mon, 10 Jul 2023 21:36:37 +0200 Subject: [PATCH] Dashboard: Slider overlapping with right input field (#71282) * fix(slider): input field left margin * fix(slider): use theme spacing variable Co-authored-by: Joao Silva <100691367+JoaoSilvaGrafana@users.noreply.github.com> --------- Co-authored-by: Joao Silva <100691367+JoaoSilvaGrafana@users.noreply.github.com> --- public/app/core/components/OptionsUI/slider.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/app/core/components/OptionsUI/slider.tsx b/public/app/core/components/OptionsUI/slider.tsx index 1ccd2470f81..c681adfc40e 100644 --- a/public/app/core/components/OptionsUI/slider.tsx +++ b/public/app/core/components/OptionsUI/slider.tsx @@ -131,7 +131,7 @@ function getTextWidth(text: string, font: string): number | null { const getStylesSlider = (theme: GrafanaTheme2, width: number) => { return { numberInputWrapper: css` - margin-left: 10px; + margin-left: ${theme.spacing(3)}; max-height: 32px; max-width: ${width}px; min-width: ${width}px;