From 6a52bdd6ea7cd7dd15992aa4071b09ddf11f3b77 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 10 Feb 2021 11:25:13 -0500 Subject: [PATCH] Fixes #325 --- docs/getting-started/changelog.md | 4 ++++ src/components/checkbox/checkbox.scss | 1 + src/components/radio/radio.scss | 1 + src/components/switch/switch.scss | 1 + 4 files changed, 7 insertions(+) diff --git a/docs/getting-started/changelog.md b/docs/getting-started/changelog.md index f65d8a2a3..3f51ee1e3 100644 --- a/docs/getting-started/changelog.md +++ b/docs/getting-started/changelog.md @@ -6,6 +6,10 @@ Components with the Experimental badge _During the beta period, these restrictions may be relaxed in the event of a mission-critical bug._ 🐛 +## Next + +- Fixed bug where `sl-checkbox`, `sl-radio`, and `sl-switch` controls would shrink with long labels [#325](https://github.com/shoelace-style/shoelace/issues/325) + ## 2.0.0-beta.27 - Added `handle-icon` slot to `sl-image-comparer` [#311](https://github.com/shoelace-style/shoelace/issues/311) diff --git a/src/components/checkbox/checkbox.scss b/src/components/checkbox/checkbox.scss index 8ca977fe9..f2c2082fc 100644 --- a/src/components/checkbox/checkbox.scss +++ b/src/components/checkbox/checkbox.scss @@ -16,6 +16,7 @@ } .checkbox__control { + flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; diff --git a/src/components/radio/radio.scss b/src/components/radio/radio.scss index 812cc90d3..a9a4cdb90 100644 --- a/src/components/radio/radio.scss +++ b/src/components/radio/radio.scss @@ -27,6 +27,7 @@ } .radio__control { + flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; diff --git a/src/components/switch/switch.scss b/src/components/switch/switch.scss index 5e9a742db..d1ee57b23 100644 --- a/src/components/switch/switch.scss +++ b/src/components/switch/switch.scss @@ -25,6 +25,7 @@ } .switch__control { + flex: 0 0 auto; position: relative; display: inline-flex; align-items: center;