diff --git a/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx b/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx
index 486d691ff..214be7287 100644
--- a/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx
+++ b/tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx
@@ -40,70 +40,75 @@ export const ContextMenu = observer(function ContextMenu({
>
{app.selectedShapes?.size > 1 && (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
runAndTransition(app.packIntoRectangle)}
>
+
Pack into rectangle
-
+ >
)}
{app.selectedShapes?.size > 0 && (
<>
@@ -111,6 +116,7 @@ export const ContextMenu = observer(function ContextMenu({
className="tl-menu-item"
onClick={() => runAndTransition(app.cut)}
>
+
Cut
@@ -122,6 +128,7 @@ export const ContextMenu = observer(function ContextMenu({
className="tl-menu-item"
onClick={() => runAndTransition(app.copy)}
>
+
Copy
@@ -135,6 +142,7 @@ export const ContextMenu = observer(function ContextMenu({
className="tl-menu-item"
onClick={() => runAndTransition(app.paste)}
>
+
Paste
@@ -168,6 +176,7 @@ export const ContextMenu = observer(function ContextMenu({
className="tl-menu-item"
onClick={() => runAndTransition(app.api.deleteShapes)}
>
+
Delete
@@ -182,12 +191,14 @@ export const ContextMenu = observer(function ContextMenu({
className="tl-menu-item"
onClick={() => runAndTransition(app.flipHorizontal)}
>
+
Flip horizontally
runAndTransition(app.flipVertical)}
>
+
Flip vertically
>
diff --git a/tldraw/apps/tldraw-logseq/src/styles.css b/tldraw/apps/tldraw-logseq/src/styles.css
index a72712bb1..a63a7ac4a 100644
--- a/tldraw/apps/tldraw-logseq/src/styles.css
+++ b/tldraw/apps/tldraw-logseq/src/styles.css
@@ -23,7 +23,7 @@
}
.tl-menu-item {
- @apply flex items-center px-4 py-1 text-sm !important;
+ @apply flex items-center pl-10 pr-4 py-1 text-sm relative !important;
min-width: 220px;
all: unset;
@@ -39,6 +39,10 @@
cursor: pointer;
background-color: var(--ls-primary-background-color) !important;
}
+
+ .tl-menu-icon {
+ @apply absolute left-4 text-base opacity-50;
+ }
}
.tl-menu-button-row {