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): relocate title into scrollable region

Browse Source
This commit is contained in:
Elian Doran 2025-12-08 14:54:57 +02:00
parent a6682be251
commit 9942950710
No known key found for this signature in database
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -117,13 +117,11 @@ export default class DesktopLayout {
new NoteWrapperWidget() new NoteWrapperWidget()
.child( .child(
new FlexContainer("row") new FlexContainer("row")
.class("title-row") .class("breadcrumb-row")
.css("height", "50px") .css("height", "30px")
.css("min-height", "50px") .css("min-height", "30px")
.css("align-items", "center") .css("align-items", "center")
.cssBlock(".title-row > * { margin: 5px; }") .cssBlock(".breadcrumb-row > * { margin: 5px; }")
.child(<NoteIconWidget />)
.child(<NoteTitleWidget />)
.child(<SpacerWidget baseSize={0} growthFactor={1} />) .child(<SpacerWidget baseSize={0} growthFactor={1} />)
.child(<MovePaneButton direction="left" />) .child(<MovePaneButton direction="left" />)
.child(<MovePaneButton direction="right" />) .child(<MovePaneButton direction="right" />)
@ -137,6 +135,16 @@ export default class DesktopLayout {
new ScrollingContainer() new ScrollingContainer()
.filling() .filling()
.child(new ContentHeader() .child(new ContentHeader()
.child(new FlexContainer("row")
.class("title-row")
.css("height", "50px")
.css("margin", "1em")
.css("min-height", "50px")
.css("align-items", "center")
.cssBlock(".title-row > * { margin: 5px; }")
.child(<NoteIconWidget />)
.child(<NoteTitleWidget />)
)
.child(<ReadOnlyNoteInfoBar />) .child(<ReadOnlyNoteInfoBar />)
.child(<SharedInfo />) .child(<SharedInfo />)
) )

2
apps/client/src/widgets/note_title.css
View File

@ -27,4 +27,4 @@ body.mobile .note-title-widget input.note-title {
body.desktop .note-title-widget input.note-title { body.desktop .note-title-widget input.note-title {
font-size: 180%; font-size: 180%;
} }