diff options
| author | Lena <lena.becker-3@mni.thm.de> | 2021-02-28 00:18:03 +0100 |
|---|---|---|
| committer | Sascha <GlancingMind@outlook.com> | 2021-03-15 16:35:14 +0100 |
| commit | c223c75c11f3ec903413207dd275152e1ec97fcc (patch) | |
| tree | 4a6722cbc474899519924d04696db0ced1d14ed2 | |
| parent | 501e1678b2af280300a4c35d762c54379e3142e4 (diff) | |
| download | git-bug-c223c75c11f3ec903413207dd275152e1ec97fcc.tar.gz | |
Add back-to-list-button #10
| -rw-r--r-- | webui/src/components/Header/Header.tsx | 7 | ||||
| -rw-r--r-- | webui/src/pages/bug/CommentForm.tsx | 11 |
2 files changed, 18 insertions, 0 deletions
diff --git a/webui/src/components/Header/Header.tsx b/webui/src/components/Header/Header.tsx index 3bdb252f..cdac0f0e 100644 --- a/webui/src/components/Header/Header.tsx +++ b/webui/src/components/Header/Header.tsx @@ -29,6 +29,13 @@ const useStyles = makeStyles((theme) => ({ height: '42px', marginRight: theme.spacing(2), }, + greenButton: { + backgroundColor: '#2ea44fd9', + color: '#fff', + '&:hover': { + backgroundColor: '#2ea44f', + }, + }, })); function Header() { diff --git a/webui/src/pages/bug/CommentForm.tsx b/webui/src/pages/bug/CommentForm.tsx index 0b97e133..6ec9bf2a 100644 --- a/webui/src/pages/bug/CommentForm.tsx +++ b/webui/src/pages/bug/CommentForm.tsx @@ -28,6 +28,7 @@ const useStyles = makeStyles<Theme, StyleProps>((theme) => ({ }, actions: { display: 'flex', + gap: '1em', justifyContent: 'flex-end', }, greenButton: { @@ -38,6 +39,13 @@ const useStyles = makeStyles<Theme, StyleProps>((theme) => ({ backgroundColor: '#2ea44f', }, }, + backButton: { + backgroundColor: '#574142', + color: '#fff', + '&:hover': { + backgroundColor: '#610B0B', + }, + }, })); type Props = { @@ -101,6 +109,9 @@ function CommentForm({ bug }: Props) { onChange={(comment: string) => setIssueComment(comment)} /> <div className={classes.actions}> + <Button className={classes.backButton} variant="contained" href="/"> + Back to List + </Button> {bug.status === 'OPEN' ? getCloseButton() : getReopenButton()} <Button className={classes.greenButton} |