fix(tabs): break tab label on vertical. Closes #688

baloise · Oct 10, 2022 · 1f62ddf · 1f62ddf
1 parent 2bdc29a
commit 1f62ddf
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/components/src/components/bal-tabs/bal-tabs.sass b/packages/components/src/components/bal-tabs/bal-tabs.sass
@@ -59,19 +59,25 @@
         ul
           justify-content: flex-end
     +modifier(vertical)
+      white-space: normal
       ul
         flex-direction: column
         align-items: flex-start
+        max-width: 100%
     +modifier(vertical-on-mobile)
       +mobile
+        white-space: normal
         ul
           flex-direction: column
           align-items: flex-start
+          max-width: 100%
     +modifier(vertical-on-tablet)
+      white-space: normal
       +touch
         ul
           flex-direction: column
           align-items: flex-start
+          max-width: 100%
 
     // tab items
     +element(item)