fix menus appearing darker when appearing inside a dialog

This commit is contained in:
Sidney Alcantara
2022-10-11 13:01:28 +11:00
parent b80c08a2f5
commit c2d7bb6527

View File

@@ -566,6 +566,13 @@ export const components = (theme: Theme): ThemeOptions => {
MuiMenu: {
styleOverrides: {
root: {
".MuiDialog-root + & .MuiMenu-paper, form:has(.MuiDialog-root) + & .MuiMenu-paper, .MuiDialog-root & .MuiMenu-paper":
{
backgroundImage:
"linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2))", // elevation 50
},
},
list: { padding: theme.spacing(0.5, 0) },
},
},