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

feat(breadcrumb): replace title editing with jump to top

Browse Source
This commit is contained in:
Elian Doran
2025-12-13 01:45:02 +02:00
parent 447e09fec1
commit 98a3c8150c
4 changed files with 15 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/components/app_context.ts
View File

@@ -265,7 +265,7 @@ export type CommandMappings = {
reEvaluateRightPaneVisibility: CommandData;
runActiveNote: CommandData;
scrollContainerToCommand: CommandData & {
scrollContainerTo: CommandData & {
position: number;
};
scrollToEnd: CommandData;

2
apps/client/src/widgets/containers/scrolling_container.ts
View File

@@ -49,7 +49,7 @@ export default class ScrollingContainer extends Container<BasicWidget> {
}
}
scrollContainerToCommand({ position }: CommandListenerData<"scrollContainerToCommand">) {
scrollContainerToCommand({ position }: CommandListenerData<"scrollContainerTo">) {
this.$widget.scrollTop(position);
}
}

1
apps/client/src/widgets/layout/Breadcrumb.css
View File

@@ -53,7 +53,6 @@
.breadcrumb-last-item {
text-decoration: none;
color: unset;
cursor: text;
}
input {

37
apps/client/src/widgets/layout/Breadcrumb.tsx
View File

@@ -3,18 +3,17 @@ import "./Breadcrumb.css";
import { useMemo, useState } from "preact/hooks";
import { Fragment } from "preact/jsx-runtime";
import appContext from "../../components/app_context";
import NoteContext from "../../components/note_context";
import FNote from "../../entities/fnote";
import link_context_menu from "../../menus/link_context_menu";
import froca from "../../services/froca";
import ActionButton from "../react/ActionButton";
import Dropdown from "../react/Dropdown";
import { FormListItem } from "../react/FormList";
import { useChildNotes, useNoteContext, useNoteLabel, useNoteProperty } from "../react/hooks";
import { useChildNotes, useNoteLabel, useNoteProperty } from "../react/hooks";
import Icon from "../react/Icon";
import NoteLink from "../react/NoteLink";
import link_context_menu from "../../menus/link_context_menu";
import { TitleEditor } from "../collections/board";
import server from "../../services/server";
import FNote from "../../entities/fnote";
const COLLAPSE_THRESHOLD = 5;
const INITIAL_ITEMS = 2;
@@ -87,30 +86,20 @@ function BreadcrumbLink({ notePath }: { notePath: string }) {
function BreadcrumbLastItem({ notePath }: { notePath: string }) {
const noteId = notePath.split("/").at(-1);
const [ note ] = useState(() => froca.getNoteFromCache(noteId!));
const [ isEditing, setIsEditing ] = useState(false);
const title = useNoteProperty(note, "title");
if (!note) return null;
if (!isEditing) {
return (
<a
href="#"
className="breadcrumb-last-item tn-link"
onClick={(e) => {
e.preventDefault();
setIsEditing(true);
}}
>{title}</a>
);
}
return (
<TitleEditor
currentValue={title}
save={(newTitle) => { return server.put(`notes/${noteId}/title`, { title: newTitle.trim() }); }}
dismiss={() => setIsEditing(false)}
/>
<a
href="#"
className="breadcrumb-last-item tn-link"
onClick={() => {
const activeNtxId = appContext.tabManager.activeNtxId;
const scrollingContainer = document.querySelector(`[data-ntx-id="${activeNtxId}"] .scrolling-container`);
scrollingContainer?.scrollTo({ top: 0, behavior: "smooth" });
}}
>{title}</a>
);
}