TriliumNext/Trilium
1
0
Fork 0
mirror of https://github.com/TriliumNext/Trilium.git synced 2025-12-11 19:44:00 -06:00
Code Issues 1.1k Packages Projects Releases 10 Wiki Activity

feat(ribbon): prototype sticky ribbon

Browse Source
This commit is contained in:
Elian Doran 2025-12-08 23:33:55 +02:00
parent fcf51ec6da
commit 05679f7a8d
No known key found for this signature in database
2 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/layouts/desktop_layout.tsx
View File

@ -130,7 +130,6 @@ export default class DesktopLayout {
.child(<ClosePaneButton />) .child(<ClosePaneButton />)
.child(<CreatePaneButton />) .child(<CreatePaneButton />)
) )
.child(<Ribbon />)
.child(new WatchedFileUpdateStatusWidget()) .child(new WatchedFileUpdateStatusWidget())
.child(<FloatingButtons items={DESKTOP_FLOATING_BUTTONS} />) .child(<FloatingButtons items={DESKTOP_FLOATING_BUTTONS} />)
.child( .child(
@ -150,6 +149,7 @@ export default class DesktopLayout {
.child(<ReadOnlyNoteInfoBar />) .child(<ReadOnlyNoteInfoBar />)
.child(<SharedInfo />) .child(<SharedInfo />)
) )
.child(<Ribbon />)
.child(<PromotedAttributes />) .child(<PromotedAttributes />)
.child(<SqlTableSchemas />) .child(<SqlTableSchemas />)
.child(<NoteDetail />) .child(<NoteDetail />)

15
apps/client/src/stylesheets/theme-next/ribbon.css
View File

@ -183,13 +183,10 @@ ul.editability-dropdown li.dropdown-item > div {
* Styling as a floating toolbar * Styling as a floating toolbar
*/ */
.ribbon-container { .ribbon-container {
background: var(--card-background-color); position: sticky;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); top: 0;
margin: 10px; left: 0;
border-radius: 6px; right: 0;
padding: 5px 0; background: var(--main-background-color);
z-index: 997;
.ribbon-body {
border-bottom: 0;
}
} }