[DS-354] Wrap text instead of overflowing (#167)

- Radio - Checkbox - Switch
gsoft-inc · Oct 21, 2024 · c53858d · c53858d
1 parent d576821
commit c53858d
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 11 deletions.
diff --git a/.changeset/light-carrots-relate.md b/.changeset/light-carrots-relate.md
@@ -0,0 +1,5 @@
+---
+"@workleap/orbiter-ui": patch
+---
+
+Switch, Checkbox and Radio label will now wrap instead of having an ellipsis by default
diff --git a/packages/components/src/checkbox/src/Checkbox.css b/packages/components/src/checkbox/src/Checkbox.css
@@ -98,10 +98,6 @@
 /* CONTENT | LABEL */
 .o-ui-checkbox-label {
     margin-left: var(--hop-space-inline-sm);
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    display: inline;
 }
 
 /* CONTENT | LABEL | REVERSE */

diff --git a/packages/components/src/radio/src/Radio.css b/packages/components/src/radio/src/Radio.css
@@ -51,9 +51,6 @@
 /* CONTENT | LABEL */
 .o-ui-radio-label {
     margin-left: var(--hop-space-inline-sm);
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
 }
 
 /* CONTENT | LABEL | REVERSE */

diff --git a/packages/components/src/switch/src/Switch.css b/packages/components/src/switch/src/Switch.css
@@ -43,10 +43,6 @@
 .o-ui-switch-label {
     grid-area: label;
     margin-left: var(--hop-space-inline-sm);
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    display: inline;
 }
 
 /* LABEL | REVERSE */