From 1ea534baae1b3c00071d8e39c395d42cbed9d067 Mon Sep 17 00:00:00 2001 From: mohamed saied Date: Mon, 22 Jan 2024 21:01:23 +0200 Subject: [PATCH 1/2] fix bug in Mui-selected btn in landing page --- docs/src/modules/brandingTheme.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/docs/src/modules/brandingTheme.ts b/docs/src/modules/brandingTheme.ts index 425888bde3c4f0..669f8a60b2294f 100644 --- a/docs/src/modules/brandingTheme.ts +++ b/docs/src/modules/brandingTheme.ts @@ -1153,6 +1153,7 @@ export function getThemedComponents(): ThemeOptions { fontWeight: 500, color: theme.palette.grey[700], borderColor: theme.palette.grey[200], + zIndex: 1, ...(ownerState.size === 'small' && { padding: '0.375rem 0.75rem', }), @@ -1160,6 +1161,7 @@ export function getThemedComponents(): ThemeOptions { color: (theme.vars || theme).palette.primary[500], borderColor: `${(theme.vars || theme).palette.primary[500]} !important`, backgroundColor: (theme.vars || theme).palette.primary[50], + zIndex: 2, '&:hover': { backgroundColor: (theme.vars || theme).palette.primary[100], }, From 1d1fccc4365a2420bf761b263fd5334f655902f1 Mon Sep 17 00:00:00 2001 From: mohamed saied Date: Tue, 23 Jan 2024 23:48:10 +0200 Subject: [PATCH 2/2] fix the border color in dark & light themes homepage --- docs/src/components/showcase/ThemeToggleButton.tsx | 2 -- docs/src/modules/brandingTheme.ts | 2 -- 2 files changed, 4 deletions(-) diff --git a/docs/src/components/showcase/ThemeToggleButton.tsx b/docs/src/components/showcase/ThemeToggleButton.tsx index dbeb1be2d6a599..dc1afefd571c62 100644 --- a/docs/src/components/showcase/ThemeToggleButton.tsx +++ b/docs/src/components/showcase/ThemeToggleButton.tsx @@ -22,7 +22,6 @@ export default function ThemeToggleButton() { textTransform: 'none', fontWeight: 600, color: 'grey.700', - borderColor: 'grey.200', '&.Mui-selected': { color: 'primary.600', bgcolor: 'primary.100', @@ -34,7 +33,6 @@ export default function ThemeToggleButton() { bgcolor: 'primaryDark.900', '& .MuiToggleButton-root': { color: 'grey.400', - borderColor: 'primaryDark.700', '&.Mui-selected': { color: 'primary.100', bgcolor: 'primary.900', diff --git a/docs/src/modules/brandingTheme.ts b/docs/src/modules/brandingTheme.ts index 669f8a60b2294f..425888bde3c4f0 100644 --- a/docs/src/modules/brandingTheme.ts +++ b/docs/src/modules/brandingTheme.ts @@ -1153,7 +1153,6 @@ export function getThemedComponents(): ThemeOptions { fontWeight: 500, color: theme.palette.grey[700], borderColor: theme.palette.grey[200], - zIndex: 1, ...(ownerState.size === 'small' && { padding: '0.375rem 0.75rem', }), @@ -1161,7 +1160,6 @@ export function getThemedComponents(): ThemeOptions { color: (theme.vars || theme).palette.primary[500], borderColor: `${(theme.vars || theme).palette.primary[500]} !important`, backgroundColor: (theme.vars || theme).palette.primary[50], - zIndex: 2, '&:hover': { backgroundColor: (theme.vars || theme).palette.primary[100], },