Skip to content
Open
Show file tree
Hide file tree
Changes from 16 commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
d9ace18
feat: customizable toolbar in settings
tuuuni147 Feb 28, 2026
853fb41
feat: two-column drag-and-drop toolbar editor, no reload
tuuuni147 Feb 28, 2026
03caaa4
feat: horizontal chip layout, Save & Reload button, add group button
tuuuni147 Feb 28, 2026
6f18df5
feat: icon-based toolbar chips (bx icons + SVG + styled abbrev)
tuuuni147 Mar 1, 2026
fdc2042
feat: two-column list layout, icon+label rows, subtle remove button
tuuuni147 Mar 1, 2026
3fbb443
feat: vertical single-column layout, remove block toolbar tab, clicka…
tuuuni147 Mar 1, 2026
71329fe
feat: redesign row separation, SVG drag dots, blue group headers, poo…
tuuuni147 Mar 1, 2026
d749da5
fix: dark mode contrast, drag-to-remove, drop indicator, chip hover
tuuuni147 Mar 1, 2026
1f63cf8
fix: remove Bootstrap btn classes from row buttons, sticky delete zon…
tuuuni147 Mar 1, 2026
9dbd397
fix: separator contrast, drop indicator glow, hover overlay, section …
tuuuni147 Mar 1, 2026
02914f4
fix: drop indicator now shows between correct rows during drag
tuuuni147 Mar 1, 2026
99cbb80
Merge branch 'TriliumNext:main' into claude/customize-trilium-toolbar…
tuuuni-cell Mar 1, 2026
f4d178c
Merge pull request #1 from tuuuni-cell/claude/customize-trilium-toolb…
tuuuni-cell Mar 1, 2026
3585729
fix: use crypto.randomUUID() for group IDs and internationalize drag …
tuuuni147 Mar 2, 2026
d9ab953
Merge pull request #2 from tuuuni-cell/toolbar-customization-improved
tuuuni-cell Mar 2, 2026
7f3d8ec
Merge branch 'TriliumNext:main' into main
tuuuni-cell Mar 2, 2026
8ae7ead
Merge branch 'main' into main
tuuuni-cell Mar 2, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions apps/client/src/translations/en/translation.json
Original file line number Diff line number Diff line change
Expand Up @@ -1806,6 +1806,35 @@
"multiline-toolbar": "Display the toolbar on multiple lines if it doesn't fit."
}
},
"toolbar_customization": {
"title": "Toolbar customization",
"description": "Arrange toolbar buttons by dragging rows up and down. The order here matches the left-to-right order in the editor. Click a chip below to add it, or drag it into the list above.",
"tab_classic": "Classic toolbar",
"tab_floating": "Floating toolbar",
"active_section": "Active toolbar items — top = leftmost in editor",
"available_section": "Available items — click to add",
"all_active": "All items are already in the toolbar",
"drop_to_remove": "Drop here to remove from toolbar",
"release_to_remove_from_toolbar": "Release to remove from toolbar",
"drag_to_remove_from_toolbar": "Drag here to remove from toolbar",
"release_to_remove": "Release to remove",
"drag_here": "Drag items from below, or click a chip to add",
"pool_hint": "Click a chip to append it, or drag it into the list above to insert at a specific position",
"add_separator": "Separator",
"add_separator_hint": "Add a visual separator | between items",
"add_group": "Group (···)",
"add_group_hint": "Add a dropdown group that appears as a ··· button in the editor. Drag items onto the group row to fill it.",
"group_empty": "Drop items here or drag from the pool below",
"separator": "separator",
"drop_on_group": "Drop a pool item here to add it to this group",
"expand": "Expand group",
"collapse": "Collapse group",
"remove_item": "Remove from toolbar",
"save": "Save & Reload",
"save_title": "Save changes and reload the page to apply the new toolbar layout",
"reset": "Reset to defaults",
"reset_title": "Remove all customizations and restore the built-in toolbar layout"
},
"electron_context_menu": {
"add-term-to-dictionary": "Add \"{{term}}\" to dictionary",
"cut": "Cut",
Expand Down
2 changes: 2 additions & 0 deletions apps/client/src/widgets/type_widgets/options/text_notes.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,13 +22,15 @@ import { getHtml } from "../../react/RawHtml";
import AutoReadOnlySize from "./components/AutoReadOnlySize";
import CheckboxList from "./components/CheckboxList";
import OptionsSection from "./components/OptionsSection";
import ToolbarCustomization from "./toolbar_customization";

const isNewLayout = isExperimentalFeatureEnabled("new-layout");

export default function TextNoteSettings() {
return (
<>
<FormattingToolbar />
<ToolbarCustomization />
<EditorFeatures />
<HeadingStyle />
<CodeBlockStyle />
Expand Down
Loading