From efe52cb1aa32068498c1a9e76b46219c53f0a88e Mon Sep 17 00:00:00 2001 From: olav Date: Fri, 29 Apr 2022 13:28:51 +0200 Subject: [PATCH] fix: wrap long legal values/descriptions (#927) --- .../LegalValueLabel/LegalValueLabel.styles.ts | 1 + .../component/context/ContectFormChip/ContextFormChip.styles.ts | 1 + 2 files changed, 2 insertions(+) diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts index 01a2281332..4aec2ffb92 100644 --- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts +++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.styles.ts @@ -3,6 +3,7 @@ import { makeStyles } from '@material-ui/core/styles'; export const useStyles = makeStyles(theme => ({ container: { display: 'inline-block', + wordBreak: 'break-word', }, value: { lineHeight: 1.33, diff --git a/frontend/src/component/context/ContectFormChip/ContextFormChip.styles.ts b/frontend/src/component/context/ContectFormChip/ContextFormChip.styles.ts index b3bad0653a..8ec196ef4f 100644 --- a/frontend/src/component/context/ContectFormChip/ContextFormChip.styles.ts +++ b/frontend/src/component/context/ContectFormChip/ContextFormChip.styles.ts @@ -11,6 +11,7 @@ export const useStyles = makeStyles(theme => ({ padding: '0.5rem', background: theme.palette.grey[200], borderRadius: theme.borders.radius.main, + wordBreak: 'break-word', }, label: { fontSize: theme.fontSizes.smallBody,