diff --git a/src/common/components/forms/FormSliderControl.tsx b/src/common/components/forms/FormSliderControl.tsx index 42233d64d..cc279b535 100644 --- a/src/common/components/forms/FormSliderControl.tsx +++ b/src/common/components/forms/FormSliderControl.tsx @@ -1,10 +1,15 @@ import * as React from 'react'; +import type { SxProps } from '@mui/joy/styles/types'; import { FormControl, Slider, VariantProp } from '@mui/joy'; import { FormLabelStart } from './FormLabelStart'; +const _styleNoTrack = { + '--Slider-trackBackground': 'transparent' +} as const satisfies SxProps; + /** * Slider Control */ @@ -18,6 +23,7 @@ export function FormSliderControl(props: { value: number | number[] | null, onChange: (value: number) => void, startAdornment?: React.ReactNode, endAdornment?: React.ReactNode, + styleNoTrack?: boolean, }) { @@ -60,6 +66,7 @@ export function FormSliderControl(props: { onChange={handleChange} onChangeCommitted={handleChangeCommitted} valueLabelDisplay={props.valueLabelDisplay} + sx={props.styleNoTrack ? _styleNoTrack : undefined} // sx={{ py: 1, mt: 1.1 }} /> {props.endAdornment}