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>
This commit is contained in:
Ihor Yeromin 2023-07-10 21:36:37 +02:00 committed by GitHub
parent 5c19272065
commit 4206a4d16a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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;