fix(ui): prevent radio button ellipse distortion in RadioGroup

Fixed radio button circles becoming elliptical by preventing flex
shrink and grow on the button's ::before pseudo-element.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
This commit is contained in:
Johan Persson
2025-11-03 16:17:59 +01:00
parent 43d0357882
commit 3b18d802bf
2 changed files with 7 additions and 0 deletions
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/ui': patch
---
Fixed RadioGroup radio button ellipse distortion by preventing flex shrink and grow.
@@ -54,6 +54,8 @@
background: var(--bui-gray-1);
border-radius: var(--bui-radius-full);
transition: all 200ms;
flex-shrink: 0;
flex-grow: 0;
}
&[data-pressed]:before {