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

fix(ribbon): content languages modal hidden behind backdrop

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

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

@ -22,6 +22,7 @@ import { CodeMimeTypesList } from "../type_widgets/options/code_notes";
import { ContentLanguagesList } from "../type_widgets/options/i18n"; import { ContentLanguagesList } from "../type_widgets/options/i18n";
import { LocaleSelector } from "../type_widgets/options/components/LocaleSelector"; import { LocaleSelector } from "../type_widgets/options/components/LocaleSelector";
import { isExperimentalFeatureEnabled } from "../../services/experimental_features"; import { isExperimentalFeatureEnabled } from "../../services/experimental_features";
import { createPortal } from "preact/compat";
const isNewLayout = isExperimentalFeatureEnabled("new-layout"); const isNewLayout = isExperimentalFeatureEnabled("new-layout");
@ -348,6 +349,16 @@ export function NoteLanguageSelector({ note }: { note?: FNote | null }) {
>{t("note_language.configure-languages")}</FormListItem> >{t("note_language.configure-languages")}</FormListItem>
)} )}
/> />
{createPortal(
<ContentLanguagesModal modalShown={modalShown} setModalShown={setModalShown} />,
document.body
)}
</>
);
}
function ContentLanguagesModal({ modalShown, setModalShown }: { modalShown: boolean, setModalShown: (shown: boolean) => void }) {
return (
<Modal <Modal
className="content-languages-modal" className="content-languages-modal"
title={t("content_language.title")} title={t("content_language.title")}
@ -356,7 +367,6 @@ export function NoteLanguageSelector({ note }: { note?: FNote | null }) {
> >
<ContentLanguagesList /> <ContentLanguagesList />
</Modal> </Modal>
</>
); );
} }