From e86ef791efcbee33bedbbc536cf826b9140eb4aa Mon Sep 17 00:00:00 2001
From: Ryan Laurie <30528226+iethree@users.noreply.github.com>
Date: Fri, 6 Sep 2024 07:12:08 -0600
Subject: [PATCH] Fix Transparent disabled state on mantine switch label
 (#47677)

* make custom disabled state more specific than transparent style

* make it less nesty
---
 .../src/metabase/ui/components/inputs/Switch/Switch.styled.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/metabase/ui/components/inputs/Switch/Switch.styled.tsx b/frontend/src/metabase/ui/components/inputs/Switch/Switch.styled.tsx
index 452fc83fb21..1e3c72fa7b0 100644
--- a/frontend/src/metabase/ui/components/inputs/Switch/Switch.styled.tsx
+++ b/frontend/src/metabase/ui/components/inputs/Switch/Switch.styled.tsx
@@ -73,7 +73,7 @@ export const getSwitchOverrides = (): MantineThemeOverride["components"] => ({
           lineHeight: getSize({ size, sizes: LABEL_LINE_HEIGHT }),
           color: theme.fn.themeColor("text-dark"),
           cursor: "pointer",
-          "&[data-disabled]": {
+          "&[data-disabled]:not([data-css-specificity-hack='😢'])": {
             color: theme.fn.themeColor("text-light"),
             cursor: "default",
           },
-- 
GitLab