diff --git a/app/editor/menus/formatting.tsx b/app/editor/menus/formatting.tsx index 2fdc8d53e2..0552a28462 100644 --- a/app/editor/menus/formatting.tsx +++ b/app/editor/menus/formatting.tsx @@ -54,10 +54,19 @@ import { DottedCircleIcon } from "~/components/Icons/DottedCircleIcon"; * @param ctx - the current selection context. * @returns an array of menu items. */ -export default function formattingMenuItems( - ctx: SelectionContext -): MenuItem[] { - const { schema, state, isTemplate, isMobile, isTouch, isEmpty, isInCode, isInCodeBlock, isInList: isList, isTableCell } = ctx; +export default function formattingMenuItems(ctx: SelectionContext): MenuItem[] { + const { + schema, + state, + isTemplate, + isMobile, + isTouch, + isEmpty, + isInCode, + isInCodeBlock, + isInList: isList, + isTableCell, + } = ctx; const highlight = getMarksBetween( state.selection.from, @@ -399,28 +408,34 @@ export default function formattingMenuItems( tooltip: t("Outdent"), shortcut: `⇧+Tab`, icon: , - visible: isTouch && isList, + visible: + (isTouch || isMobile) && + isInList(state, { types: ["ordered_list", "bullet_list"] }), }, { name: "indentList", tooltip: t("Indent"), shortcut: `Tab`, icon: , - visible: isTouch && isList, + visible: + (isTouch || isMobile) && + isInList(state, { types: ["ordered_list", "bullet_list"] }), }, { name: "outdentCheckboxList", tooltip: t("Outdent"), shortcut: `⇧+Tab`, icon: , - visible: isTouch && isInList(state, { types: ["checkbox_list"] }), + visible: + (isTouch || isMobile) && isInList(state, { types: ["checkbox_list"] }), }, { name: "indentCheckboxList", tooltip: t("Indent"), shortcut: `Tab`, icon: , - visible: isTouch && isInList(state, { types: ["checkbox_list"] }), + visible: + (isTouch || isMobile) && isInList(state, { types: ["checkbox_list"] }), }, { name: "separator",