From 637bce7ba73c6a0a3d898b9b5e7ad13dc992ee35 Mon Sep 17 00:00:00 2001 From: Sascha Date: Wed, 31 Mar 2021 21:00:36 +0200 Subject: Fix and improve rendering of markdown elements - Markdown will no be rendered - Render text always below an image - block quotes wont be just indented text --- webui/src/pages/bug/CommentForm.tsx | 8 -------- webui/src/pages/bug/Message.tsx | 3 ++- 2 files changed, 2 insertions(+), 9 deletions(-) (limited to 'webui/src/pages') diff --git a/webui/src/pages/bug/CommentForm.tsx b/webui/src/pages/bug/CommentForm.tsx index e70348a6..a8ce4319 100644 --- a/webui/src/pages/bug/CommentForm.tsx +++ b/webui/src/pages/bug/CommentForm.tsx @@ -17,14 +17,6 @@ const useStyles = makeStyles((theme) => ({ container: { padding: theme.spacing(0, 2, 2, 2), }, - textarea: {}, - tabContent: { - margin: theme.spacing(2, 0), - }, - preview: { - borderBottom: `solid 3px ${theme.palette.grey['200']}`, - minHeight: '5rem', - }, actions: { display: 'flex', gap: '1em', diff --git a/webui/src/pages/bug/Message.tsx b/webui/src/pages/bug/Message.tsx index 2f4cbc59..39b11ccd 100644 --- a/webui/src/pages/bug/Message.tsx +++ b/webui/src/pages/bug/Message.tsx @@ -57,7 +57,8 @@ const useStyles = makeStyles((theme) => ({ }, body: { ...theme.typography.body2, - padding: '0.5rem', + paddingLeft: theme.spacing(1), + paddingRight: theme.spacing(1), }, headerActions: { color: theme.palette.info.contrastText, -- cgit From d4ad748e6175a2d00f75c872e60cc83089af9d74 Mon Sep 17 00:00:00 2001 From: Sascha Date: Wed, 7 Apr 2021 19:08:01 +0200 Subject: Render comment history via markdown --- webui/src/pages/bug/MessageHistoryDialog.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'webui/src/pages') diff --git a/webui/src/pages/bug/MessageHistoryDialog.tsx b/webui/src/pages/bug/MessageHistoryDialog.tsx index 0ed33642..da5d0ccf 100644 --- a/webui/src/pages/bug/MessageHistoryDialog.tsx +++ b/webui/src/pages/bug/MessageHistoryDialog.tsx @@ -22,6 +22,8 @@ import { import CloseIcon from '@material-ui/icons/Close'; import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; +import Content from '../../components/Content'; + import { AddCommentFragment } from './MessageCommentFragment.generated'; import { CreateFragment } from './MessageCreateFragment.generated'; import { useMessageHistoryQuery } from './MessageHistory.generated'; @@ -108,6 +110,7 @@ const AccordionSummary = withStyles((theme) => ({ const AccordionDetails = withStyles((theme) => ({ root: { + display: 'block', padding: theme.spacing(2), }, }))(MuiAccordionDetails); @@ -224,7 +227,9 @@ function MessageHistoryDialog({ bugId, commentId, open, onClose }: Props) { > {getSummary(index, edit.date)} - {edit.message} + + + ))} -- cgit From acfaf6b50f2ecb16add94874c0f8dfc401788d9b Mon Sep 17 00:00:00 2001 From: Sascha Date: Tue, 30 Mar 2021 19:05:27 +0200 Subject: Fix MessageHistoryDialog console error --- webui/src/pages/bug/MessageHistoryDialog.tsx | 1 + 1 file changed, 1 insertion(+) (limited to 'webui/src/pages') diff --git a/webui/src/pages/bug/MessageHistoryDialog.tsx b/webui/src/pages/bug/MessageHistoryDialog.tsx index da5d0ccf..5879a373 100644 --- a/webui/src/pages/bug/MessageHistoryDialog.tsx +++ b/webui/src/pages/bug/MessageHistoryDialog.tsx @@ -217,6 +217,7 @@ function MessageHistoryDialog({ bugId, commentId, open, onClose }: Props) { {history?.map((edit, index) => ( -- cgit