gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-12 10:24:23 +01:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

fix(ribbon): content code modal hidden behind backdrop

Browse Source
This commit is contained in:
Elian Doran 2025-12-10 22:56:29 +02:00
parent 0f867e02c4
commit a4b79a2dc9
No known key found for this signature in database
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
apps/client/src/widgets/ribbon/BasicPropertiesTab.tsx
View File

@ -58,14 +58,10 @@ function NoteTypeWidget({ note }: { note?: FNote | null }) {
<NoteTypeDropdownContent currentNoteType={currentNoteType} currentNoteMime={currentNoteMime} note={note} setModalShown={setModalShown} /> <NoteTypeDropdownContent currentNoteType={currentNoteType} currentNoteMime={currentNoteMime} note={note} setModalShown={setModalShown} />
</Dropdown> </Dropdown>
<Modal {createPortal(
className="code-mime-types-modal" <NoteTypeOptionsModal modalShown={modalShown} setModalShown={setModalShown} />,
title={t("code_mime_types.title")} document.body
show={modalShown} onHidden={() => setModalShown(false)} )}
size="xl" scrollable
>
<CodeMimeTypesList />
</Modal>
</div> </div>
); );
} }
@ -144,7 +140,20 @@ export function NoteTypeDropdownContent({ currentNoteType, currentNoteMime, note
<FormDropdownDivider /> <FormDropdownDivider />
<FormListItem icon="bx bx-cog" onClick={() => setModalShown(true)}>{t("basic_properties.configure_code_notes")}</FormListItem> <FormListItem icon="bx bx-cog" onClick={() => setModalShown(true)}>{t("basic_properties.configure_code_notes")}</FormListItem>
</> </>
) );
}
function NoteTypeOptionsModal({ modalShown, setModalShown }: { modalShown: boolean, setModalShown: (shown: boolean) => void }) {
return (
<Modal
className="code-mime-types-modal"
title={t("code_mime_types.title")}
show={modalShown} onHidden={() => setModalShown(false)}
size="xl" scrollable
>
<CodeMimeTypesList />
</Modal>
);
} }
function ProtectedNoteSwitch({ note }: { note?: FNote | null }) { function ProtectedNoteSwitch({ note }: { note?: FNote | null }) {