From 87df46bd7515e18d7bd35d29da4b70c5d29c3ffc Mon Sep 17 00:00:00 2001 From: Sascha Date: Thu, 29 Apr 2021 21:35:17 +0200 Subject: Fix #656 (#657) Very long words wont any longer overflow over the parent container boundary. Instead a scrollbar will be shown. --- webui/src/components/CommentInput/CommentInput.tsx | 1 + webui/src/pages/bug/Message.tsx | 1 + webui/src/pages/bug/MessageHistoryDialog.tsx | 1 + 3 files changed, 3 insertions(+) (limited to 'webui') diff --git a/webui/src/components/CommentInput/CommentInput.tsx b/webui/src/components/CommentInput/CommentInput.tsx index f12ee8d8..7bf0995d 100644 --- a/webui/src/components/CommentInput/CommentInput.tsx +++ b/webui/src/components/CommentInput/CommentInput.tsx @@ -20,6 +20,7 @@ const useStyles = makeStyles((theme) => ({ margin: theme.spacing(2, 0), }, preview: { + overflow: 'auto', borderBottom: `solid 3px ${theme.palette.grey['200']}`, minHeight: '5rem', }, diff --git a/webui/src/pages/bug/Message.tsx b/webui/src/pages/bug/Message.tsx index 808bb525..bf779208 100644 --- a/webui/src/pages/bug/Message.tsx +++ b/webui/src/pages/bug/Message.tsx @@ -57,6 +57,7 @@ const useStyles = makeStyles((theme) => ({ marginLeft: '0.5rem', }, body: { + overflow: 'auto', ...theme.typography.body2, paddingLeft: theme.spacing(1), paddingRight: theme.spacing(1), diff --git a/webui/src/pages/bug/MessageHistoryDialog.tsx b/webui/src/pages/bug/MessageHistoryDialog.tsx index 5879a373..15719580 100644 --- a/webui/src/pages/bug/MessageHistoryDialog.tsx +++ b/webui/src/pages/bug/MessageHistoryDialog.tsx @@ -111,6 +111,7 @@ const AccordionSummary = withStyles((theme) => ({ const AccordionDetails = withStyles((theme) => ({ root: { display: 'block', + overflow: 'auto', padding: theme.spacing(2), }, }))(MuiAccordionDetails); -- cgit