🎨 fix word-break to break normally and on hyphen

jiromaykin · jiromaykin · commit ba49f846b339 · 2023-02-17T09:53:46.000+01:00
diff --git a/src/open_inwoner/scss/components/Actions/Actions.scss b/src/open_inwoner/scss/components/Actions/Actions.scss
@@ -58,7 +58,8 @@
 
   .actions__label {
     padding: var(--spacing-medium);
-    word-break: break-all;
+    word-break: normal;
+    overflow-wrap: break-word;
 
     &--big {
       grid-column: 1 / span 2;
diff --git a/src/open_inwoner/scss/components/Typography/H1.scss b/src/open_inwoner/scss/components/Typography/H1.scss
@@ -11,7 +11,8 @@
   justify-content: space-between;
 
   @include mobile-only {
-    word-break: break-all;
+    word-break: normal;
+    overflow-wrap: break-word;
   }
 
   &:first-of-type {
diff --git a/src/open_inwoner/scss/components/Typography/H2.scss b/src/open_inwoner/scss/components/Typography/H2.scss
@@ -15,7 +15,8 @@
   }
 
   @include mobile-only {
-    word-break: break-all;
+    word-break: normal;
+    overflow-wrap: break-word;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,8 @@`
`11`	`11`	`justify-content: space-between;`
`12`	`12`
`13`	`13`	`@include mobile-only {`
`14`		`- word-break: break-all;`
	`14`	`+ word-break: normal;`
	`15`	`+ overflow-wrap: break-word;`
`15`	`16`	`}`
`16`	`17`
`17`	`18`	`&:first-of-type {`