fix(ui): improve disabled Switch styling

Add proper visual feedback for disabled Switch component by
applying `not-allowed` cursor and disabled text color.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
This commit is contained in:
Johan Persson
2026-01-28 15:12:54 +01:00
parent 23916a0b5c
commit 74c5a76990
2 changed files with 12 additions and 0 deletions
+7
View File
@@ -0,0 +1,7 @@
---
'@backstage/ui': patch
---
Fixed Switch component disabled state styling to show `not-allowed` cursor and disabled text color.
**Affected components:** Switch
@@ -27,6 +27,11 @@
color: var(--bui-fg-primary);
cursor: pointer;
&[data-disabled] {
cursor: not-allowed;
color: var(--bui-fg-disabled);
}
&[data-pressed] .bui-SwitchIndicator {
&:before {
background: var(--bui-fg-solid);