🐛 fix(button): labels will break in groups when there is not enough space (#1467)

hirsch88 · web-flow · commit 26571f3626bd · 2024-09-18T14:43:13.000+02:00
fix(button): labels will break in groups when there is not enough space
diff --git a/.changeset/stupid-pets-sip.md b/.changeset/stupid-pets-sip.md
@@ -0,0 +1,5 @@
+---
+'@baloise/ds-core': patch
+---
+
+**button**: labels will break in groups when there is not enough space
diff --git a/packages/css/src/core/form/button.sass b/packages/css/src/core/form/button.sass
@@ -32,7 +32,7 @@
   min-height: 3rem
   height: auto
   text-align: left
-  word-break: break-word
+  word-break: normal
   box-shadow: none
   outline: none
   box-sizing: border-box
diff --git a/packages/css/src/core/form/tools.sass b/packages/css/src/core/form/tools.sass
@@ -96,7 +96,6 @@
     display: flex
     justify-content: flex-start
     & > .control
-      flex-shrink: 0
       &:not(:last-child)
         margin-bottom: 0
       &.is-expanded
diff --git a/packages/styles/src/core/form/button.sass b/packages/styles/src/core/form/button.sass
@@ -32,7 +32,7 @@
   min-height: 3rem
   height: auto
   text-align: left
-  word-break: break-word
+  word-break: normal
   box-shadow: none
   outline: none
   box-sizing: border-box
diff --git a/packages/styles/src/core/form/tools.sass b/packages/styles/src/core/form/tools.sass
@@ -96,7 +96,6 @@
     display: flex
     justify-content: flex-start
     & > .control
-      flex-shrink: 0
       &:not(:last-child)
         margin-bottom: 0
       &.is-expanded

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@baloise/ds-core': patch
 +---
++
 +**button**: labels will break in groups when there is not enough space