fix: prevent border & background showing for transparent switch components (#104080)

* fix: prevent border & background showing for transparent switch components

---------

Co-authored-by: Alex Khomenko <Clarity-89@users.noreply.github.com>
This commit is contained in:
Darren Janeczek
2025-04-17 12:56:08 +00:00
committed by GitHub
co-authored by Alex Khomenko
parent d38cd9d6c4
commit df0cb43228
@@ -181,9 +181,9 @@ const getSwitchStyles = (theme: GrafanaTheme2, transparent?: boolean) => ({
},
}),
disabled: css({
backgroundColor: 'rgba(204, 204, 220, 0.04)',
backgroundColor: transparent ? 'transparent' : 'rgba(204, 204, 220, 0.04)',
color: 'rgba(204, 204, 220, 0.6)',
border: '1px solid rgba(204, 204, 220, 0.04)',
border: `1px solid ${transparent ? 'transparent' : 'rgba(204, 204, 220, 0.04)'}`,
}),
inlineLabel: css({
cursor: 'pointer',