From c7e46dc961a69f6d3f65b73fbafa55d555d41a97 Mon Sep 17 00:00:00 2001
From: Raphael Krut-Landau <raphael.kl@gmail.com>
Date: Thu, 13 Jun 2024 12:10:33 -0400
Subject: [PATCH] fix(ui-library): Don't animate Buttons (micro-PR) (#44137)
---
.../src/metabase/ui/components/buttons/Button/Button.styled.tsx | 1 +
1 file changed, 1 insertion(+)
diff --git a/frontend/src/metabase/ui/components/buttons/Button/Button.styled.tsx b/frontend/src/metabase/ui/components/buttons/Button/Button.styled.tsx
index 82887d3b67c..e9ac00b5c4f 100644
--- a/frontend/src/metabase/ui/components/buttons/Button/Button.styled.tsx
+++ b/frontend/src/metabase/ui/components/buttons/Button/Button.styled.tsx
@@ -23,6 +23,7 @@ export const getButtonOverrides = (): MantineThemeOverride["components"] => ({
fontSize: theme.fontSizes.md,
lineHeight: theme.lineHeight,
overflow: "hidden",
+ ":active": { transform: "none" }, // Remove Mantine's default pressed effect
[`&:has(.${getStylesRef("label")}:empty)`]: {
padding: compact ? `${rem(3)} ${rem(3)}` : `${rem(11)} ${rem(11)}`,
[`.${getStylesRef("leftIcon")}`]: {
--
GitLab