Skip to content

Commit 2050b66

Browse files
authored
Change word-break style of Modal content from break-all to break-word (#924)
* fix(modal): change word-break property from normal to break-word * chore: add changeset
1 parent ae5f5b6 commit 2050b66

File tree

2 files changed

+7
-2
lines changed

2 files changed

+7
-2
lines changed
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@channel.io/bezier-react": patch
3+
---
4+
5+
Change word-break property of Modal content

packages/bezier-react/src/components/Modals/Modal/Modal.styled.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@ export const CloseIconButton = styled(Button)`
4545
export const Description = styled.div`
4646
box-sizing: border-box;
4747
width: 100%;
48-
word-break: break-all;
48+
word-break: break-word;
4949
5050
/* stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before, no-duplicate-selectors */
5151
${Title} + & {
@@ -58,7 +58,7 @@ export const ChildrenContent = styled.div`
5858
box-sizing: border-box;
5959
width: 100%;
6060
padding-top: 12px;
61-
word-break: break-all;
61+
word-break: break-word;
6262
`
6363

6464
export const DescriptionText = styled(Text).attrs(() => ({

0 commit comments

Comments
 (0)