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/fixed formatting toolbar: allow items to overflow if narrow window

Browse Source
This commit is contained in:
Adorian Doran 2025-11-03 00:14:44 +02:00
parent e6d2009605
commit d2e9101675
1 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2123,13 +2123,14 @@ body.zen .note-split .ribbon-container {
left: 0;
bottom: 20px;
width: 100%;
z-index: 100000;
z-index: 1000;
opacity: 0; /* Hidden unless the current note split is focused */
pointer-events: none;
visibility: hidden; /* Hidden unless the current note split is focused */
transition: opacity 100ms linear;
}
body.zen .note-split:focus-within .ribbon-container {
visibility: visible; /* Show when the note split is focused */
opacity: 1; /* Show when the note split is focused */
}
body.zen .note-split .ribbon-container .ribbon-body {
@ -2144,9 +2145,29 @@ body.zen .note-split .ribbon-container .classic-toolbar-widget {
border: 1px solid var(--main-border-color);
padding: 4px;
background: var(--menu-background-color);
}
body.zen .note-split:focus-within .ribbon-container .classic-toolbar-widget {
pointer-events: all;
}
@media (max-width: 1300px) {
body.zen .note-split .ribbon-container .classic-toolbar-widget {
/* Set the toolbar to full with */
width: 100%;
}
body.zen .classic-toolbar-widget .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
body.zen .classic-toolbar-widget .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw,
body.zen .classic-toolbar-widget .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
body.zen .classic-toolbar-widget .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
body.zen .classic-toolbar-widget .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
/* Force toolbar items overflow dropdowns open upwards */
top: auto;
bottom: 100%;
}
}
/* Content renderer */
footer.file-footer,