Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-16 05:09:54 +01:00
Code Issues Packages Projects Releases Activity

feat(layout/inline-title): add an intro text

Browse Source
This commit is contained in:
Elian Doran
2025-12-13 12:55:24 +02:00
parent 7666f44b7a
commit 87666005a6
3 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/client/src/translations/en/translation.json
View File

@@ -1753,7 +1753,8 @@
"note_title": {
"placeholder": "type note's title here...",
"created_on": "Created on <Value />",
"last_modified": "Last modified on <Value />"
"last_modified": "Last modified on <Value />",
"note_type_switcher_label": "Switch from {{type}} to:"
},
"search_result": {
"no_notes_found": "No notes have been found for given search parameters.",

5
apps/client/src/widgets/layout/InlineTitle.css
View File

@@ -50,10 +50,13 @@ body.prefers-centered-content .inline-title {
min-height: 60px;
--badge-radius: 12px;
>* {
flex-shrink: 0;
}
.ext-badge {
--color: var(--input-background-color);
color: var(--main-text-color);
flex-shrink: 0;
font-size: 0.9rem;
}
}

4
apps/client/src/widgets/layout/InlineTitle.tsx
View File

@@ -6,7 +6,7 @@ import { ComponentChild } from "preact";
import { useEffect, useMemo, useRef, useState } from "preact/hooks";
import { Trans } from "react-i18next";
import FNote from "../../entities/fnote";
import { t } from "../../services/i18n";
import { ViewScope } from "../../services/link";
import { NOTE_TYPES } from "../../services/note_types";
import server from "../../services/server";
@@ -135,12 +135,14 @@ function NoteTypeSwitcher() {
const blob = useNoteBlob(note);
const currentNoteType = useNoteProperty(note, "type");
const noteTypes = useMemo(() => NOTE_TYPES.filter((nt) => !nt.reserved && !nt.static), []);
const currentNoteTypeData = useMemo(() => noteTypes.find(t => t.type === currentNoteType), [ noteTypes, currentNoteType ]);
return (note?.type === "text" &&
<div
className="note-type-switcher"
onWheel={onWheelHorizontalScroll}
>
<div className="intro">{t("note_title.note_type_switcher_label", { type: currentNoteTypeData?.title.toLocaleLowerCase() })}</div>
{blob?.contentLength === 0 && noteTypes.map(noteType => noteType.type !== currentNoteType && (
<Badge
key={noteType.type}