kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-09 07:48:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use regular menu

Browse Source
This commit is contained in:
Manav Rathi 2024-12-20 13:35:52 +05:30
parent 8c5b77cd52
commit 34068d09ba
No known key found for this signature in database
1 changed files with 2 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/packages/base/components/OverflowMenu.tsx
View File

@ -43,21 +43,6 @@ interface OverflowMenuProps {
menuPaperProps?: Partial<PaperProps>; menuPaperProps?: Partial<PaperProps>;
} }
/**
* A custom MUI {@link Menu} with some Ente specific styling applied to it.
*/
export const StyledMenu = styled(Menu)`
& .MuiPaper-root {
margin: 16px auto;
box-shadow:
0px 0px 6px rgba(0, 0, 0, 0.16),
0px 3px 6px rgba(0, 0, 0, 0.12);
}
& .MuiList-root {
padding: 0;
border: none;
}
`;
/** /**
* An overflow menu showing {@link OverflowMenuOptions}, alongwith a button to * An overflow menu showing {@link OverflowMenuOptions}, alongwith a button to
@ -88,7 +73,7 @@ export const OverflowMenu: React.FC<
> >
{triggerButtonIcon ?? <MoreHorizIcon />} {triggerButtonIcon ?? <MoreHorizIcon />}
</IconButton> </IconButton>
<StyledMenu <Menu
id={ariaID} id={ariaID}
{...(anchorEl ? { anchorEl } : {})} {...(anchorEl ? { anchorEl } : {})}
open={!!anchorEl} open={!!anchorEl}
@ -110,7 +95,7 @@ export const OverflowMenu: React.FC<
}} }}
> >
{children} {children}
</StyledMenu> </Menu>
</OverflowMenuContext.Provider> </OverflowMenuContext.Provider>
); );
}; };