smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make main menu full width on mobile again.

Browse source
This commit is contained in:
barnabasmolnar 2023-04-21 15:58:04 +02:00
parent 097000a2b7
commit 70d48d5472
5 changed files with 22 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/main-menu/MainMenu.tsx
View file

@ -33,9 +33,7 @@ const MainMenu = Object.assign(
const device = useDevice();
const appState = useExcalidrawAppState();
const setAppState = useExcalidrawSetAppState();
const onClickOutside = device.isMobile
? undefined
: () => setAppState({ openMenu: null });
const onClickOutside = () => setAppState({ openMenu: null });
return (
<mainMenuTunnel.In>
@ -50,6 +48,11 @@ const MainMenu = Object.assign(
{HamburgerMenuIcon}
</DropdownMenu.Trigger>
<DropdownMenu.Content
collisionBoundary={
device.isMobile
? document.querySelector(".App-bottom-bar")
: undefined
}
sideOffset={device.isMobile ? 20 : undefined}
className="mainmenu-content"
onClickOutside={onClickOutside}