mirror of
https://github.com/zadam/trilium.git
synced 2025-12-20 15:19:56 +01:00
style(next): basic styling of ribbon as a floating toolbar
This commit is contained in:
@@ -164,7 +164,7 @@ ul.editability-dropdown li.dropdown-item > div {
|
|||||||
background: var(--cmd-button-hover-background-color);
|
background: var(--cmd-button-hover-background-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Note info
|
* Note info
|
||||||
*/
|
*/
|
||||||
|
|
||||||
@@ -177,4 +177,19 @@ ul.editability-dropdown li.dropdown-item > div {
|
|||||||
/* Narrow width layout */
|
/* Narrow width layout */
|
||||||
.note-info-widget {
|
.note-info-widget {
|
||||||
container: info-section / inline-size;
|
container: info-section / inline-size;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user