webui: minor styling of the timeline events

This commit is contained in:
Michael Muré 2020-02-16 02:04:57 +01:00
parent 602f91148b
commit e408ca8a28
No known key found for this signature in database
GPG Key ID: A4457C029293126F
3 changed files with 14 additions and 7 deletions

View File

@ -10,7 +10,7 @@ import { LabelChangeFragment } from './LabelChangeFragment.generated';
const useStyles = makeStyles(theme => ({
main: {
...theme.typography.body1,
...theme.typography.body2,
marginLeft: theme.spacing(1) + 40,
},
author: {

View File

@ -9,7 +9,7 @@ import { SetStatusFragment } from './SetStatusFragment.generated';
const useStyles = makeStyles(theme => ({
main: {
...theme.typography.body1,
...theme.typography.body2,
marginLeft: theme.spacing(1) + 40,
},
}));

View File

@ -9,10 +9,17 @@ import { SetTitleFragment } from './SetTitleFragment.generated';
const useStyles = makeStyles(theme => ({
main: {
...theme.typography.body1,
...theme.typography.body2,
marginLeft: theme.spacing(1) + 40,
},
bold: {
author: {
fontWeight: 'bold',
},
before: {
fontWeight: 'bold',
textDecoration: 'line-through',
},
after: {
fontWeight: 'bold',
},
}));
@ -25,11 +32,11 @@ function SetTitle({ op }: Props) {
const classes = useStyles();
return (
<div className={classes.main}>
<Author author={op.author} className={classes.bold} />
<Author author={op.author} className={classes.author} />
<span> changed the title from </span>
<span className={classes.bold}>{op.was}</span>
<span className={classes.before}>{op.was}</span>
<span> to </span>
<span className={classes.bold}>{op.title}</span>
<span className={classes.after}>{op.title}</span>&nbsp;
<Date date={op.date} />
</div>
);