Skip to content
Snippets Groups Projects
Commit 60347207 authored by Antoine Roy's avatar Antoine Roy
Browse files

Changement de couleur slider / Changement de typo time range to Display period

parent af7b7875
No related branches found
No related tags found
1 merge request!7Change on the slide bar's UI from pluggin annotation
......@@ -394,7 +394,7 @@ class AnnotationCreation extends Component {
<>
<Grid item xs={12} className={classes.paper}>
<Typography id="range-slider" variant="overline">
Time range
Display period
</Typography>
<Slider
value={valueTime}
......@@ -403,6 +403,10 @@ class AnnotationCreation extends Component {
aria-labelledby="range-slider"
getAriaValueText={this.valuetextTime}
max={2000}
color="secondary"
classes={{
root: classes.MuiSliderColorSecondary,
}}
/>
</Grid>
<div className={`${classes.paper} ${classes.selectTimeField} `}>
......@@ -615,6 +619,9 @@ const styles = (theme) => ({
border: 'none',
margin: theme.spacing(0.5),
},
MuiSliderColorSecondary: {
color: 'rgba(1, 0, 0, 0.38)',
},
paper: {
display: 'flex',
flexWrap: 'wrap',
......@@ -627,16 +634,18 @@ const styles = (theme) => ({
},
selectTimeField: {
alignContent: 'center',
boxShadow: 'rgba(149, 157, 165, 0.2) 0px 4px 5px',
display: 'flex',
flexDirection: 'wrap',
gap: '5px',
padding: '5px',
},
selectTimeModule: {
border: '1px solid rgba(0, 0, 0, 0.12)',
borderRadius: '4px',
display: 'flex',
flexWrap: 'nowrap',
justifyContent: 'center',
padding: '5px',
},
timecontrolsbutton: {
border: 'none',
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment