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

feat(badge): bigger dropdown arrow

Browse Source
This commit is contained in:
Elian Doran 2025-12-15 17:17:01 +02:00
parent 1feeb350ce
commit c3a6d1bba8
No known key found for this signature in database
3 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/client/src/widgets/layout/NoteBadges.tsx
View File

@ -1,15 +1,9 @@
import "./NoteBadges.css";
import clsx from "clsx";
import { ComponentChildren, MouseEventHandler } from "preact";
import { useRef } from "preact/hooks";
import { t } from "../../services/i18n";
import Dropdown, { DropdownProps } from "../react/Dropdown";
import { useIsNoteReadOnly, useNoteContext, useNoteLabel, useNoteLabelBoolean, useStaticTooltip } from "../react/hooks";
import Icon from "../react/Icon";
import { useShareInfo } from "../shared_info";
import { Badge } from "../react/Badge";
import { useIsNoteReadOnly, useNoteContext, useNoteLabel, useNoteLabelBoolean } from "../react/hooks";
import { useShareInfo } from "../shared_info";
export default function NoteBadges() {
return (

10
apps/client/src/widgets/react/Badge.css
View File

@ -39,6 +39,16 @@
.ext-badge {
border-radius: 0;
.text {
display: inline-flex;
align-items: center;
.arrow {
font-size: 1.3em;
margin-left: 0.25em;
}
}
}
.btn {

2
apps/client/src/widgets/react/Badge.tsx
View File

@ -59,7 +59,7 @@ export function BadgeWithDropdown({ text, children, tooltip, className, dropdown
<Dropdown
className={`dropdown-badge dropdown-${className}`}
text={<Badge
text={<>{text} <Icon icon="bx bx-chevron-down" /></>}
text={<>{text} <Icon className="arrow" icon="bx bx-chevron-down" /></>}
className={className}
{...props}
/>}