diff --git a/packages/excalidraw/components/MobileMenu.tsx b/packages/excalidraw/components/MobileMenu.tsx
index a03c5e38d..b27a2ad67 100644
--- a/packages/excalidraw/components/MobileMenu.tsx
+++ b/packages/excalidraw/components/MobileMenu.tsx
@@ -107,29 +107,24 @@ export const MobileMenu = ({
return (
- {actionManager.renderAction("toggleEditMenu")}
- {actionManager.renderAction(
- appState.multiElement ? "finalize" : "duplicateSelection",
- )}
- {actionManager.renderAction("deleteSelectedElements")}
-
- {actionManager.renderAction("undo")}
- {actionManager.renderAction("redo")}
-
+ {renderTopRightUI?.(true, appState)}
);
};
return (
<>
- {renderSidebars()}
+ {/* {renderSidebars()} */}
+
+ {renderAppToolbar()}
+ {renderWelcomeScreen && }
{
setAppState({ openMenu: null });
})}
+ placement="bottom"
+ className={device.editor.isMobile ? "main-menu-dropdown" : ""}
>
{children}
{device.editor.isMobile && appState.collaborators.size > 0 && (
diff --git a/packages/excalidraw/css/styles.scss b/packages/excalidraw/css/styles.scss
index 753f3d6b7..7b658bc03 100644
--- a/packages/excalidraw/css/styles.scss
+++ b/packages/excalidraw/css/styles.scss
@@ -235,7 +235,6 @@ body.excalidraw-cursor-resize * {
z-index: var(--zIndex-layerUI);
display: flex;
flex-direction: column;
- align-items: center;
}
.App-bottom-bar {
@@ -280,14 +279,7 @@ body.excalidraw-cursor-resize * {
.App-toolbar-content {
display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 8px;
-
- .dropdown-menu--mobile {
- bottom: 55px;
- top: auto;
- }
+ flex-direction: column;
}
.App-mobile-menu {