gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-12 02:14:25 +01:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

fix(layout): title row background in settings

Browse Source
This commit is contained in:
Elian Doran 2025-12-09 16:39:31 +02:00
parent a2cff42981
commit 5d59c953c2
No known key found for this signature in database
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2564,5 +2564,4 @@ body.desktop .title-row {
height: 50px; height: 50px;
min-height: 50px; min-height: 50px;
align-items: center; align-items: center;
background: var(--note-split-background-color, var(--main-background-color));
} }

7
apps/client/src/widgets/containers/content_header.css
View File

@ -1,11 +1,16 @@
.content-header-widget { .content-header-widget {
position: relative; position: relative;
z-index: 8; z-index: 8;
background-color: var(--main-background-color);
}
.note-split.bgfx .content-header-widget {
background-color: transparent;
} }
.content-header-widget.floating { .content-header-widget.floating {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 11; z-index: 11;
background-color: var(--main-background-color, #fff); background-color: var(--main-background-color, #fff) !important;
} }

4
apps/client/src/widgets/containers/content_header.ts
View File

@ -47,7 +47,9 @@ export default class ContentHeader extends Container<BasicWidget> {
const isScrollingUp = currentScrollTop < this.previousScrollTop; const isScrollingUp = currentScrollTop < this.previousScrollTop;
const hasMovedEnough = Math.abs(currentScrollTop - this.previousScrollTop) > this.scrollThreshold; const hasMovedEnough = Math.abs(currentScrollTop - this.previousScrollTop) > this.scrollThreshold;
if (hasMovedEnough) { if (currentScrollTop === 0) {
this.setFloating(false);
} else if (hasMovedEnough) {
this.setFloating(isScrollingUp); this.setFloating(isScrollingUp);
} }
this.previousScrollTop = currentScrollTop; this.previousScrollTop = currentScrollTop;