diff --git a/.changeset/light-carrots-relate.md b/.changeset/light-carrots-relate.md new file mode 100644 index 000000000..d6479fc58 --- /dev/null +++ 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 index cd055c5b0..4d5963496 100644 --- 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 index 01c1ec482..cca145878 100644 --- 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 index 2f319972a..e081870ea 100644 --- 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 */