diff options
| author | Sascha <GlancingMind@outlook.com> | 2021-04-29 21:35:17 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-29 21:35:17 +0200 |
| commit | 87df46bd7515e18d7bd35d29da4b70c5d29c3ffc (patch) | |
| tree | bcbabac425b060eed8b7c563325c2139cbd43845 /webui/src | |
| parent | bc96f316ffa7dbf012e560c0b5304b716fb5daff (diff) | |
| download | git-bug-87df46bd7515e18d7bd35d29da4b70c5d29c3ffc.tar.gz | |
Fix #656 (#657)
Very long words wont any longer overflow over the parent container boundary.
Instead a scrollbar will be shown.
Diffstat (limited to 'webui/src')
| -rw-r--r-- | webui/src/components/CommentInput/CommentInput.tsx | 1 | ||||
| -rw-r--r-- | webui/src/pages/bug/Message.tsx | 1 | ||||
| -rw-r--r-- | webui/src/pages/bug/MessageHistoryDialog.tsx | 1 |
3 files changed, 3 insertions, 0 deletions
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); |