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

client/note title row: use distinct style when used as a note split title

Browse Source
This commit is contained in:
Adorian Doran 2025-12-19 02:46:50 +02:00
parent 5ce81f1a32
commit f7f3f707f1
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -132,7 +132,7 @@ export default class DesktopLayout {
new SplitNoteContainer(() =>
new NoteWrapperWidget()
.child(new FlexContainer("row")
.class("title-row")
.class("title-row note-split-title")
.cssBlock(".title-row > * { margin: 5px; }")
.child(<NoteIconWidget />)
.child(<NoteTitleWidget />)

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

@ -36,18 +36,25 @@ body.mobile .note-title-widget input.note-title {
body.experimental-feature-new-layout {
.title-row {
container-type: size;
border-bottom: 1px solid var(--main-border-color);
transition: border 400ms ease-out;
&.note-split-title {
border-bottom: 1px solid var(--main-border-color);
&.hide-title {
border-bottom-color: transparent;
transition: none;
&.hide-title {
border-bottom-color: transparent;
transition: none;
}
.note-icon-widget {
margin-inline: 12px 8px;
}
}
.note-icon-widget {
--note-icon-size: 16px;
--note-icon-container-padding-size: 6px;
margin-inline: 12px 8px;
margin-inline: 0;
}
.note-title-widget {