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

feat(layout): indicate clickable badges

Browse Source
This commit is contained in:
Elian Doran 2025-12-09 21:50:38 +02:00
parent 644d051477
commit 28c1d0b3f5
No known key found for this signature in database
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/client/src/widgets/BreadcrumbBadges.css
View File

@ -11,5 +11,13 @@
font-size: 0.75em; font-size: 0.75em;
background-color: var(--badge-background-color); background-color: var(--badge-background-color);
color: var(--badge-text-color); color: var(--badge-text-color);
&.clickable {
cursor: pointer;
&:hover {
background-color: var(--badge-background-hover-color);
}
}
} }
} }

6
apps/client/src/widgets/BreadcrumbBadges.tsx
View File

@ -4,6 +4,7 @@ import { ComponentChildren } from "preact";
import { useIsNoteReadOnly, useNoteContext } from "./react/hooks"; import { useIsNoteReadOnly, useNoteContext } from "./react/hooks";
import Icon from "./react/Icon"; import Icon from "./react/Icon";
import { useShareInfo } from "./shared_info"; import { useShareInfo } from "./shared_info";
import clsx from "clsx";
export default function NoteBadges() { export default function NoteBadges() {
return ( return (
@ -43,7 +44,10 @@ function ShareBadge() {
function Badge({ icon, children, onClick }: { icon: string, children: ComponentChildren, onClick?: () => void }) { function Badge({ icon, children, onClick }: { icon: string, children: ComponentChildren, onClick?: () => void }) {
return ( return (
<div className="breadcrumb-badge" onClick={onClick}> <div
className={clsx("breadcrumb-badge", { "clickable": !!onClick })}
onClick={onClick}
>
<Icon icon={icon} />&nbsp; <Icon icon={icon} />&nbsp;
{children} {children}
</div> </div>