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

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(<CreatePaneButton />)
)
.child(<Ribbon />)
.child(new WatchedFileUpdateStatusWidget())
.child(<FloatingButtons items={DESKTOP_FLOATING_BUTTONS} />)
.child(
@ -150,6 +149,7 @@ export default class DesktopLayout {
.child(<ReadOnlyNoteInfoBar />)
.child(<SharedInfo />)
)
.child(<Ribbon />)
.child(<PromotedAttributes />)
.child(<SqlTableSchemas />)
.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
*/
.ribbon-container {
background: var(--card-background-color);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
margin: 10px;
border-radius: 6px;
padding: 5px 0;
.ribbon-body {
border-bottom: 0;
}
position: sticky;
top: 0;
left: 0;
right: 0;
background: var(--main-background-color);
z-index: 997;
}