Commitb78ab9e

authored

Fix form tab (#4066)

1 parent938bd73 commitb78ab9eCopy full SHA for b78ab9e

File tree

+14

-5

lines changed

+14

-5

lines changed

Lines changed: 13 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,9 @@ const useStyles = makeStyles((theme) => ({`
`18`	`18`	`footer:{`
`19`	`19`	`display:"flex",`
`20`	`20`	`flex:"0",`
`21`		`-flexDirection:"row",`
	`21`	`+// The first button is the submit so it is the first element to be focused`
	`22`	`+// on tab so we use row-reverse to display it on the right`
	`23`	`+flexDirection:"row-reverse",`
`22`	`24`	`gap:theme.spacing(1.5),`
`23`	`25`	`alignItems:"center",`
`24`	`26`	`marginTop:theme.spacing(3),`
`@@ -36,10 +38,8 @@ export const FormFooter: FC<React.PropsWithChildren<FormFooterProps>> = ({`
`36`	`38`	`conststyles=useStyles()`
`37`	`39`	`return(`
`38`	`40`	`<divclassName={styles.footer}>`
`39`		`-<Buttontype="button"className={styles.button}onClick={onCancel}variant="outlined">`
`40`		`-{Language.cancelLabel}`
`41`		`-</Button>`
`42`	`41`	`<LoadingButton`
	`42`	`+tabIndex={0}`
`43`	`43`	`loading={isLoading}`
`44`	`44`	`className={styles.button}`
`45`	`45`	`variant="contained"`
`@@ -48,6 +48,15 @@ export const FormFooter: FC<React.PropsWithChildren<FormFooterProps>> = ({`
`48`	`48`	`>`
`49`	`49`	`{submitLabel}`
`50`	`50`	`</LoadingButton>`
	`51`	`+<Button`
	`52`	`+type="button"`
	`53`	`+className={styles.button}`
	`54`	`+onClick={onCancel}`
	`55`	`+variant="outlined"`
	`56`	`+tabIndex={0}`
	`57`	`+>`
	`58`	`+{Language.cancelLabel}`
	`59`	`+</Button>`
`51`	`60`	`</div>`
`52`	`61`	`)`
`53`	`62`	`}`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ export const darkPalette: PaletteOptions = {`
`14`	`14`	`type:"dark",`
`15`	`15`	`primary:{`
`16`	`16`	`main:colors.blue[7],`
`17`		`-contrastText:colors.gray[4],`
	`17`	`+contrastText:colors.blue[1],`
`18`	`18`	`light:colors.blue[6],`
`19`	`19`	`dark:colors.blue[9],`
`20`	`20`	`},`

Comments

(0)