gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-11 16:24:27 +01:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

fix(mobile/custom_note_actions): unable to close empty pane

Browse Source
This commit is contained in:
Elian Doran 2026-02-02 18:39:40 +02:00
parent 0d444daaca
commit 76f36e2fd3
No known key found for this signature in database
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx
View File

@ -1,7 +1,6 @@
import { t } from "../../services/i18n";
import { getHelpUrlForNote } from "../../services/in_app_help";
import note_create from "../../services/note_create";
import { openInAppHelpFromUrl } from "../../services/utils";
import ActionButton from "../react/ActionButton";
import { FormDropdownDivider, FormListItem } from "../react/FormList";
import { useNoteContext } from "../react/hooks";
import { NoteContextMenu } from "../ribbon/NoteActions";
@ -12,9 +11,16 @@ export default function MobileDetailMenu() {
const subContexts = noteContext?.getMainContext().getSubContexts() ?? [];
const isMainContext = noteContext?.isMainContext();
function closePane() {
// Wait first for the context menu to be dismissed, otherwise the backdrop stays on.
requestAnimationFrame(() => {
parentComponent.triggerCommand("closeThisNoteSplit", { ntxId });
});
}
return (
<div style={{ contain: "none" }}>
{note && (
{note ? (
<NoteContextMenu
note={note} noteContext={noteContext}
extraItems={<>
@ -34,17 +40,18 @@ export default function MobileDetailMenu() {
<FormDropdownDivider />
<FormListItem
icon="bx bx-x"
onClick={() => {
// Wait first for the context menu to be dismissed, otherwise the backdrop stays on.
requestAnimationFrame(() => {
parentComponent.triggerCommand("closeThisNoteSplit", { ntxId });
});
}}
onClick={closePane}
>{t("close_pane_button.close_this_pane")}</FormListItem>
</>}
<FormDropdownDivider />
</>}
/>
) : (
<ActionButton
icon="bx bx-x"
onClick={closePane}
text={t("close_pane_button.close_this_pane")}
/>
)}
</div>
);