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

style/inline title: tweak appearance

Browse Source
This commit is contained in:
Adorian Doran 2025-12-17 00:09:15 +02:00
parent 6f494e3e38
commit 143b1827e6
2 changed files with 39 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
apps/client/src/widgets/layout/InlineTitle.css
View File

@ -8,9 +8,14 @@
.inline-title { .inline-title {
max-width: var(--max-content-width); max-width: var(--max-content-width);
container-type: inline-size;
padding-inline-start: 24px; padding-inline-start: 24px;
& > .inline-title-row { & > .inline-title-row {
--icon-size: 35px;
--icon-padding-size: 10px;
--title-size: 1.8em;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 16px; gap: 16px;
@ -20,29 +25,41 @@
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
} }
.note-icon-widget {
--note-icon-size: 35px;
--note-icon-container-padding-size: 10px;
}
.note-title-caption {
flex-grow: 1;
}
.note-title-widget {
--note-title-size: 1.8em;
--note-title-padding-inline: 0;
}
@container (max-width: 500px) {
.note-icon-widget {
--note-icon-size: 25px;
--note-icon-container-padding-size: 6px;
}
.note-title-widget {
--note-title-size: 1.5em;
}
.title-details {
display: none;
}
}
} }
&.hidden { &.hidden {
display: none; display: none;
} }
.note-icon-widget {
--note-icon-size: 35px;
}
.note-title-caption {
flex-grow: 1;
}
.note-title-widget {
--note-title-size: 1.8em;
--note-title-padding-inline: 0;
input {
line-height: 1;
}
}
} }
.title-row { .title-row {
@ -70,11 +87,14 @@ body.prefers-centered-content .inline-title {
display: flex; display: flex;
gap: 0.25em; gap: 0.25em;
margin: 0; margin: 0;
margin-top: .2rem;
list-style-type: none; list-style-type: none;
opacity: .5; opacity: .5;
flex-wrap: wrap; flex-wrap: wrap;
font-size: .85rem; font-size: .85rem;
line-height: 1; line-height: 1;
flex-wrap: nowrap;
white-space: nowrap;
span.value { span.value {
font-weight: 500; font-weight: 500;

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

@ -12,8 +12,10 @@ div.note-title-widget {
.note-title-widget input.note-title { .note-title-widget input.note-title {
font-size: var(--note-title-size); font-size: var(--note-title-size);
border: 0; border: 0;
border-radius: 0;
min-width: 5em; min-width: 5em;
width: 100%; width: 100%;
line-height: 1;
padding-block: 0; padding-block: 0;
padding-inline: var(--note-title-padding-inline); padding-inline: var(--note-title-padding-inline);
} }