🎨 fix word-break to break normally and on hyphen

maykinmedia · Feb 17, 2023 · ba49f84 · ba49f84
1 parent ba27e06
commit ba49f84
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
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;
   }
 }