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

fix(client): 1px scroll in full-height note

Browse Source
This commit is contained in:
Elian Doran 2025-12-09 09:13:18 +02:00
parent 474228b630
commit 7fc3d413e5
No known key found for this signature in database
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,8 +24,8 @@
--bs-body-font-family: var(--main-font-family) !important; --bs-body-font-family: var(--main-font-family) !important;
--bs-body-font-weight: var(--main-font-weight) !important; --bs-body-font-weight: var(--main-font-weight) !important;
--bs-body-color: var(--main-text-color) !important; --bs-body-color: var(--main-text-color) !important;
--bs-body-bg: var(--main-background-color) !important; --bs-body-bg: var(--main-background-color) !important;
--ck-mention-list-max-height: 500px; --ck-mention-list-max-height: 500px;
--tn-modal-max-height: 90vh; --tn-modal-max-height: 90vh;
--tree-item-light-theme-max-color-lightness: 50; --tree-item-light-theme-max-color-lightness: 50;
@ -471,7 +471,7 @@ body.mobile .dropdown .dropdown-submenu > span {
padding-inline-start: 12px; padding-inline-start: 12px;
} }
.dropdown-menu kbd { .dropdown-menu kbd {
color: var(--muted-text-color); color: var(--muted-text-color);
border: none; border: none;
background-color: transparent; background-color: transparent;
@ -487,7 +487,7 @@ body.mobile .dropdown .dropdown-submenu > span {
border: 1px solid transparent !important; border: 1px solid transparent !important;
} }
/* This is a workaround for Firefox not supporting break-before / break-after: avoid on columns. /* This is a workaround for Firefox not supporting break-before / break-after: avoid on columns.
* It usually wraps a menu item followed by a separator / header and another menu item. */ * It usually wraps a menu item followed by a separator / header and another menu item. */
.dropdown-no-break { .dropdown-no-break {
break-inside: avoid; break-inside: avoid;
@ -1591,7 +1591,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
inset-inline-start: 0; inset-inline-start: 0;
inset-inline-end: 0; inset-inline-end: 0;
margin: 0 !important; margin: 0 !important;
max-height: 85vh; max-height: 85vh;
display: flex; display: flex;
} }
@ -2093,7 +2093,7 @@ body.zen .note-split.type-text .scrolling-container {
body.zen:not(.backdrop-effects-disabled) .note-split.type-text .scrolling-container { body.zen:not(.backdrop-effects-disabled) .note-split.type-text .scrolling-container {
--padding-top: 50px; /* Should be enough to cover the title row */ --padding-top: 50px; /* Should be enough to cover the title row */
padding-top: var(--padding-top); padding-top: var(--padding-top);
scroll-padding-top: var(--padding-top); scroll-padding-top: var(--padding-top);
} }
@ -2365,7 +2365,7 @@ footer.webview-footer button {
margin-bottom: 0; margin-bottom: 0;
} }
.admonition::before { .admonition::before {
color: var(--accent-color); color: var(--accent-color);
font-family: boxicons !important; font-family: boxicons !important;
position: absolute; position: absolute;
@ -2391,7 +2391,7 @@ footer.webview-footer button {
.ck-content ul.todo-list li:has(> span.todo-list__label input[type="checkbox"]:checked) > span.todo-list__label span.todo-list__label__description { .ck-content ul.todo-list li:has(> span.todo-list__label input[type="checkbox"]:checked) > span.todo-list__label span.todo-list__label__description {
text-decoration: line-through; text-decoration: line-through;
opacity: 0.6; opacity: 0.6;
} }
.chat-options-container { .chat-options-container {
@ -2524,6 +2524,7 @@ iframe.print-iframe {
position: relative; position: relative;
flex-grow: 1; flex-grow: 1;
width: 100%; width: 100%;
overflow: hidden;
} }
/* Calendar collection */ /* Calendar collection */
@ -2538,7 +2539,7 @@ iframe.print-iframe {
body.mobile { body.mobile {
.split-note-container-widget { .split-note-container-widget {
flex-direction: column !important; flex-direction: column !important;
.note-split { .note-split {
width: 100%; width: 100%;
} }
@ -2553,4 +2554,4 @@ iframe.print-iframe {
opacity: 0.4; opacity: 0.4;
} }
} }
} }