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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user