refactor(client): use var for modal max height

This commit is contained in:
Elian Doran 2025-11-29 16:57:11 +02:00
parent a68cd7526b
commit 7d8af0f252
No known key found for this signature in database
2 changed files with 5 additions and 4 deletions

View File

@ -25,7 +25,8 @@
--bs-body-font-weight: var(--main-font-weight) !important;
--bs-body-color: var(--main-text-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;
}
body#trilium-app.motion-disabled *,
@ -1329,7 +1330,7 @@ body.mobile #context-menu-container.mobile-bottom-menu {
inset-inline-end: 0 !important;
bottom: 0 !important;
top: unset !important;
max-height: 90vh;
max-height: var(--tn-modal-max-height);
overflow: auto !important;
user-select: none;
-webkit-user-select: none;
@ -1589,7 +1590,7 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
inset-inline-end: 0 !important;
transform: unset !important;
overflow-y: auto;
max-height: calc(90vh - var(--dropdown-bottom));
max-height: calc(var(--tn-modal-max-height) - var(--dropdown-bottom));
}
#mobile-sidebar-container {

View File

@ -15,7 +15,7 @@ body.desktop .modal.popup-editor-dialog .modal-dialog {
body.mobile .modal.popup-editor-dialog .modal-dialog {
max-width: 90vw;
max-height: 90vh;
max-height: var(--tn-modal-max-height);
height: 100%;
}