Skip to content

Commit 8db5921

Browse files
authored
Radio Group radio hotfix (#674)
1 parent 203d6f6 commit 8db5921

File tree

3 files changed

+7
-8
lines changed

3 files changed

+7
-8
lines changed

.changeset/violet-boats-watch.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@crowdstrike/glide-core': patch
3+
---
4+
5+
Radio Group Radio labels no longer restrict their width.

src/radio-group.styles.ts

+2-7
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ export default [
1212
}
1313
1414
.radio-container {
15-
display: flex;
15+
display: inline-flex;
16+
flex-direction: column;
1617
gap: 0.375rem;
17-
inline-size: min-content;
1818
1919
&.invalid {
2020
border: 1px solid var(--glide-core-status-error);
@@ -24,11 +24,6 @@ export default [
2424
margin-inline-start: -0.0625rem;
2525
padding: var(--glide-core-spacing-xxs) 0.375rem;
2626
}
27-
28-
&.vertical {
29-
display: flex;
30-
flex-direction: column;
31-
}
3227
}
3328
3429
glide-core-private-label::part(private-tooltips) {

src/radio-group.ts

-1
Original file line numberDiff line numberDiff line change
@@ -272,7 +272,6 @@ export default class GlideCoreRadioGroup
272272
<div
273273
class=${classMap({
274274
'radio-container': true,
275-
vertical: true,
276275
invalid: this.#isShowValidationFeedback,
277276
})}
278277
role="radiogroup"

0 commit comments

Comments
 (0)