Merge pull request #338 from maykinmedia/issue#820

alextreme · web-flow · commit 1536782f7394 · 2022-11-21T16:22:49.000+01:00
💄 #820 - Lange woorden (in titels) kunnen zorgen voor overf…
diff --git a/src/open_inwoner/scss/components/Typography/H1.scss b/src/open_inwoner/scss/components/Typography/H1.scss
@@ -7,6 +7,7 @@
   margin: var(--row-height) 0 0 0;
   display: flex;
   justify-content: space-between;
+  word-break: break-all;
 
   &:first-of-type {
     margin: 0;
diff --git a/src/open_inwoner/scss/components/Typography/H2.scss b/src/open_inwoner/scss/components/Typography/H2.scss
@@ -7,6 +7,7 @@
   margin: 0;
   display: flex;
   justify-content: space-between;
+  word-break: break-all;
 
   &--extra {
     margin: var(--row-height) 0 var(--spacing-medium) 0;
diff --git a/src/open_inwoner/scss/components/Typography/H3.scss b/src/open_inwoner/scss/components/Typography/H3.scss
@@ -5,6 +5,7 @@
   font-weight: var(--font-weight-heading-3);
   line-height: var(--font-line-height-heading-3);
   margin: 0;
+  word-break: break-all;
 }
 
 .p + .h3 {
diff --git a/src/open_inwoner/scss/components/Typography/H4.scss b/src/open_inwoner/scss/components/Typography/H4.scss
@@ -5,4 +5,5 @@
   font-weight: var(--font-weight-heading-4);
   line-height: var(--font-line-height-heading-4);
   margin: 0;
+  word-break: break-all;
 }

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,7 @@`
`5`	`5`	`font-weight: var(--font-weight-heading-3);`
`6`	`6`	`line-height: var(--font-line-height-heading-3);`
`7`	`7`	`margin: 0;`
	`8`	`+ word-break: break-all;`
`8`	`9`	`}`
`9`	`10`
`10`	`11`	`.p + .h3 {`
Original file line number	Diff line number	Diff line change
`@@ -5,4 +5,5 @@`
`5`	`5`	`font-weight: var(--font-weight-heading-4);`
`6`	`6`	`line-height: var(--font-line-height-heading-4);`
`7`	`7`	`margin: 0;`
	`8`	`+ word-break: break-all;`
`8`	`9`	`}`