gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-10 08:29:00 +01:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity

style/zen mode: use translucency for the title bar

Browse Source
This commit is contained in:
Adorian Doran 2025-11-03 15:53:05 +02:00
parent aa7f01313a
commit 55f7a26634
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
apps/client/src/stylesheets/style.css
View File

@ -2117,9 +2117,29 @@ body.zen .note-split.type-text {
font-size: 1.15em; font-size: 1.15em;
} }
body.zen .note-split.type-text .title-row {
--start-color: var(--main-background-color);
position: absolute;
width: 100%;
background: linear-gradient(var(--start-color) 30%, transparent 100%);
z-index: 1000;
}
@supports (background: color-mix(in srgb, white, transparent)) {
body.zen .note-split.type-text .title-row {
--start-color: color-mix(in srgb, var(--main-background-color), transparent 10%);
}
}
body.zen .note-split.type-text .scrolling-container { body.zen .note-split.type-text .scrolling-container {
--padding-top: 50px; /* Should be enough to cover the title row */
--padding-bottom: 130px; /* Should be enough to avoid caret being hidden by the formatting toolbar */
/* (Usually) keeps the caret above the fixed toolbar */ /* (Usually) keeps the caret above the fixed toolbar */
scroll-padding-bottom: 130px; padding-top: var(--padding-top);
scroll-padding-top: var(--padding-top);
scroll-padding-bottom: var(--padding-bottom);
} }
/* Fixed formatting toolbar */ /* Fixed formatting toolbar */