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

feat(breadcrumb): respect note color in last item

Browse Source
This commit is contained in:
Elian Doran 2025-12-16 13:42:41 +02:00
parent 0af5fa9f0c
commit 79d1a509e5
No known key found for this signature in database
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -63,7 +63,7 @@
a.breadcrumb-last-item, a.breadcrumb-last-item,
a.breadcrumb-last-item:visited { a.breadcrumb-last-item:visited {
text-decoration: none; text-decoration: none;
color: currentColor; color: var(--custom-color, currentColor);
font-weight: 600; font-weight: 600;
} }

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

@ -1,5 +1,6 @@
import "./Breadcrumb.css"; import "./Breadcrumb.css";
import clsx from "clsx";
import { useContext, useRef, useState } from "preact/hooks"; import { useContext, useRef, useState } from "preact/hooks";
import { Fragment } from "preact/jsx-runtime"; import { Fragment } from "preact/jsx-runtime";
@ -23,7 +24,7 @@ import ActionButton from "../react/ActionButton";
import { Badge } from "../react/Badge"; import { Badge } from "../react/Badge";
import Dropdown from "../react/Dropdown"; import Dropdown from "../react/Dropdown";
import { FormListItem } from "../react/FormList"; import { FormListItem } from "../react/FormList";
import { useActiveNoteContext, useChildNotes, useNote, useNoteIcon, useNoteLabel, useNoteLabelBoolean, useNoteProperty, useStaticTooltip } from "../react/hooks"; import { useActiveNoteContext, useChildNotes, useNote, useNoteColorClass, useNoteIcon, useNoteLabel, useNoteLabelBoolean, useNoteProperty, useStaticTooltip } from "../react/hooks";
import Icon from "../react/Icon"; import Icon from "../react/Icon";
import { NewNoteLink } from "../react/NoteLink"; import { NewNoteLink } from "../react/NoteLink";
import { ParentComponent } from "../react/react_utils"; import { ParentComponent } from "../react/react_utils";
@ -128,6 +129,7 @@ function BreadcrumbLastItem({ notePath, parentComponent }: { notePath: string, p
const noteId = notePath.split("/").at(-1); const noteId = notePath.split("/").at(-1);
const [ note ] = useState(() => froca.getNoteFromCache(noteId!)); const [ note ] = useState(() => froca.getNoteFromCache(noteId!));
const title = useNoteProperty(note, "title"); const title = useNoteProperty(note, "title");
const colorClass = useNoteColorClass(note);
useStaticTooltip(linkRef, { useStaticTooltip(linkRef, {
placement: "top", placement: "top",
title: t("breadcrumb.scroll_to_top_title") title: t("breadcrumb.scroll_to_top_title")
@ -139,7 +141,7 @@ function BreadcrumbLastItem({ notePath, parentComponent }: { notePath: string, p
<a <a
ref={linkRef} ref={linkRef}
href="#" href="#"
className="breadcrumb-last-item tn-link" className={clsx("breadcrumb-last-item tn-link", colorClass)}
onClick={() => { onClick={() => {
const activeNtxId = appContext.tabManager.activeNtxId; const activeNtxId = appContext.tabManager.activeNtxId;
const scrollingContainer = document.querySelector(`[data-ntx-id="${activeNtxId}"] .scrolling-container`); const scrollingContainer = document.querySelector(`[data-ntx-id="${activeNtxId}"] .scrolling-container`);