diff --git a/app/editor/components/CommandMenu.tsx b/app/editor/components/CommandMenu.tsx index c32cbb691..066ed7510 100644 --- a/app/editor/components/CommandMenu.tsx +++ b/app/editor/components/CommandMenu.tsx @@ -614,7 +614,7 @@ export const Wrapper = styled.div<{ pointer-events: none; white-space: nowrap; width: 300px; - max-height: 224px; + max-height: 324px; overflow: hidden; overflow-y: auto; diff --git a/app/editor/menus/block.ts b/app/editor/menus/block.ts index 466919501..392d2758d 100644 --- a/app/editor/menus/block.ts +++ b/app/editor/menus/block.ts @@ -71,6 +71,19 @@ export default function blockMenuItems(dictionary: Dictionary): MenuItem[] { { name: "separator", }, + { + name: "image", + title: dictionary.image, + icon: ImageIcon, + keywords: "picture photo", + }, + { + name: "link", + title: dictionary.link, + icon: LinkIcon, + shortcut: `${metaDisplay} k`, + keywords: "link url uri href", + }, { name: "table", title: dictionary.table, @@ -104,19 +117,6 @@ export default function blockMenuItems(dictionary: Dictionary): MenuItem[] { keywords: "page print break line", attrs: { markup: "***" }, }, - { - name: "image", - title: dictionary.image, - icon: ImageIcon, - keywords: "picture photo", - }, - { - name: "link", - title: dictionary.link, - icon: LinkIcon, - shortcut: `${metaDisplay} k`, - keywords: "link url uri href", - }, { name: "separator", }, diff --git a/shared/theme.ts b/shared/theme.ts index 7f3443dec..5a5a331bf 100644 --- a/shared/theme.ts +++ b/shared/theme.ts @@ -149,7 +149,7 @@ export const light = { inputBorderFocused: colors.slate, listItemHoverBackground: colors.warmGrey, toolbarHoverBackground: colors.black, - toolbarBackground: colors.lightBlack, + toolbarBackground: colors.almostBlack, toolbarInput: colors.white10, toolbarItem: colors.white, tableDivider: colors.smokeDark,