From 941761cb15c025ec01cc085345389e8a0b0a49db Mon Sep 17 00:00:00 2001 From: Caio Cabral Date: Tue, 3 Dec 2024 19:12:51 -0500 Subject: [PATCH] fix: adding color transparent to button when loading --- Client/src/Utils/Theme/globalTheme.js | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/Client/src/Utils/Theme/globalTheme.js b/Client/src/Utils/Theme/globalTheme.js index 654888767..2effdb1f8 100644 --- a/Client/src/Utils/Theme/globalTheme.js +++ b/Client/src/Utils/Theme/globalTheme.js @@ -93,9 +93,19 @@ const baseTheme = (palette) => ({ "&:hover": { boxShadow: "none", }, - "&.MuiLoadingButton-root:disabled": { - backgroundColor: theme.palette.secondary.main, - color: theme.palette.text.primary, + "&.MuiLoadingButton-root": { + "&:disabled": { + backgroundColor: theme.palette.secondary.main, + color: theme.palette.text.primary, + }, + }, + "&.MuiLoadingButton-loading": { + "& .MuiLoadingButton-label": { + color: "transparent", + }, + "& .MuiLoadingButton-loadingIndicator": { + color: "inherit", + }, }, }), },