CEC-4576: fix vertical alignment of force push checkbox (#388)

This commit is contained in:
Tristan Timblin
2023-07-10 18:59:39 -04:00
committed by GitHub
parent ddefc90696
commit b3a5a337f4
5 changed files with 52 additions and 26 deletions

View File

@@ -11623,7 +11623,11 @@ exports[`App Route /vehicle-status authenticated 1`] = `
</div> </div>
<div <div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12" class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
/> >
<div
class="MuiBox-root MuiBox-root-0"
/>
</div>
<div <div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12" class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
> >

View File

@@ -167,7 +167,11 @@ exports[`VehicleDetailsTab Render 1`] = `
</div> </div>
<div <div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12" class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
/> >
<div
class="MuiBox-root MuiBox-root-0"
/>
</div>
<div <div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12" class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
> >

View File

@@ -1,4 +1,4 @@
import { Checkbox, FormControlLabel, Grid, Tooltip } from "@material-ui/core"; import { Box, Checkbox, FormControlLabel, Grid, Tooltip } from "@material-ui/core";
import DeleteIcon from "@material-ui/icons/Delete"; import DeleteIcon from "@material-ui/icons/Delete";
import EditIcon from "@material-ui/icons/Edit"; import EditIcon from "@material-ui/icons/Edit";
import UploadIcon from '@mui/icons-material/Upload'; import UploadIcon from '@mui/icons-material/Upload';
@@ -157,27 +157,37 @@ const MainForm = ({ vin }) => {
</p> </p>
</Grid> </Grid>
)} )}
<Grid item md={12} className={classes.textCenterAlign}> <Grid
<RoleWrap item
groups={groups} md={12}
providers={providers} className={classes.textCenterAlign}
rolesPerProvider={Permissions.FiskerUpdateDeploy} >
> <Box sx={{
<FormControlLabel display: "flex",
label="Force Config Update" justifyContent: "center",
control={ alignItems: "flex-end"
<Checkbox }}>
checked={forced} <RoleWrap
onChange={onForcedChange} groups={groups}
/> providers={providers}
} rolesPerProvider={Permissions.FiskerUpdateDeploy}
/> >
<Tooltip key={`push-config-${vin}`} title={`Push Config Update to "${vin}"`}> <FormControlLabel
<Link to="#" onClick={() => setShowUploadConfigModal(true)} > label="Force Config Update"
<UploadIcon aria-label={`Push Config Update to "${vin}"`} fontSize="large" /> control={
</Link> <Checkbox
</Tooltip> checked={forced}
</RoleWrap> onChange={onForcedChange}
/>
}
/>
<Tooltip key={`push-config-${vin}`} title={`Push Config Update to "${vin}"`}>
<Link to="#" onClick={() => setShowUploadConfigModal(true)} >
<UploadIcon aria-label={`Push Config Update to "${vin}"`} fontSize="large" />
</Link>
</Tooltip>
</RoleWrap>
</Box>
</Grid> </Grid>
<Grid item md={12} className={classes.textCenterAlign}> <Grid item md={12} className={classes.textCenterAlign}>
<RoleWrap <RoleWrap

View File

@@ -175,7 +175,11 @@ exports[`DetailsTab Render 1`] = `
</div> </div>
<div <div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12" class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
/> >
<div
class="MuiBox-root MuiBox-root-0"
/>
</div>
<div <div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12" class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
> >

View File

@@ -331,7 +331,11 @@ exports[`CarStatus Render 1`] = `
</div> </div>
<div <div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12" class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
/> >
<div
class="MuiBox-root MuiBox-root-0"
/>
</div>
<div <div
class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12" class="MuiGrid-root makeStyles-textCenterAlign-0 MuiGrid-item MuiGrid-grid-md-12"
> >