From d15b5f8cbc34532b06dee4318878db63cdc606a1 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Mon, 8 Dec 2025 23:13:58 +0200 Subject: [PATCH] style(next): basic styling of ribbon as a floating toolbar --- .../src/stylesheets/theme-next/ribbon.css | 19 +++++++++++++++++-- 1 file changed, 17 insertions(+), 2 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next/ribbon.css b/apps/client/src/stylesheets/theme-next/ribbon.css index 3718602cf..3101339be 100644 --- a/apps/client/src/stylesheets/theme-next/ribbon.css +++ b/apps/client/src/stylesheets/theme-next/ribbon.css @@ -164,7 +164,7 @@ ul.editability-dropdown li.dropdown-item > div { background: var(--cmd-button-hover-background-color); } -/* +/* * Note info */ @@ -177,4 +177,19 @@ ul.editability-dropdown li.dropdown-item > div { /* Narrow width layout */ .note-info-widget { container: info-section / inline-size; -} \ No newline at end of file +} + +/* + * 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; + } +}