TriliumNext/Trilium
1
0
Fork 0
mirror of https://github.com/TriliumNext/Trilium.git synced 2025-12-10 03:53:37 -06:00
Code Issues 1.1k Packages Projects Releases 10 Wiki Activity

feat(layout): new icon for note actions & fix padding

Browse Source
This commit is contained in:
Elian Doran 2025-12-09 20:57:23 +02:00
parent 1e72ebd104
commit a0f0da64b4
No known key found for this signature in database
4 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/layouts/desktop_layout.tsx
View File

@ -136,10 +136,6 @@ export default class DesktopLayout {
.child( .child(
new FlexContainer("row") new FlexContainer("row")
.class("breadcrumb-row") .class("breadcrumb-row")
.css("height", "30px")
.css("min-height", "30px")
.css("align-items", "center")
.css("padding", "10px")
.cssBlock(".breadcrumb-row > * { margin: 5px; }") .cssBlock(".breadcrumb-row > * { margin: 5px; }")
.child(<Breadcrumb />) .child(<Breadcrumb />)
.child(<SpacerWidget baseSize={0} growthFactor={1} />) .child(<SpacerWidget baseSize={0} growthFactor={1} />)

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

@ -1,5 +1,13 @@
.breadcrumb-row { .breadcrumb-row {
position: relative; position: relative;
height: 30px;
min-height: 30px;
align-items: center;
padding: 10px;
}
body.experimental-feature-new-layout .breadcrumb-row {
padding-inline-end: 0;
} }
.component.breadcrumb { .component.breadcrumb {

2
apps/client/src/widgets/ribbon/NoteActions.tsx
View File

@ -60,7 +60,7 @@ function NoteContextMenu({ note, noteContext }: { note: FNote, noteContext?: Not
return ( return (
<Dropdown <Dropdown
buttonClassName="bx bx-dots-vertical-rounded" buttonClassName={ isNewLayout ? "bx bx-dots-horizontal-rounded" : "bx bx-dots-vertical-rounded" }
className="note-actions" className="note-actions"
hideToggleArrow hideToggleArrow
noSelectButtonStyle noSelectButtonStyle

1
apps/client/src/widgets/ribbon/style.css
View File

@ -432,6 +432,7 @@ body.experimental-feature-new-layout {
.ribbon-button-container { .ribbon-button-container {
border-bottom: 0 !important; border-bottom: 0 !important;
margin: 0;
} }
} }
/* #endregion */ /* #endregion */