From 48c7411ce48383a85eba4f0239e1da8989e20bc3 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 15 Oct 2025 18:01:21 +0300 Subject: [PATCH] style/canvas: tweak the main menu --- apps/client/src/stylesheets/theme-next/base.css | 8 ++++++-- .../src/stylesheets/theme-next/notes/canvas.css | 13 +++++++++++++ 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css index 1648a0898..1ec859c3a 100644 --- a/apps/client/src/stylesheets/theme-next/base.css +++ b/apps/client/src/stylesheets/theme-next/base.css @@ -267,7 +267,9 @@ body[dir=rtl] .dropdown-menu:not([data-popper-placement="bottom-start"]) .dropdo /* Menu item group heading */ /* The heading body */ -.dropdown-menu h6 { +.dropdown-menu h6, +.excalidraw .dropdown-menu-container .dropdown-menu-group-title, +.excalidraw .dropdown-menu-container div[data-testid="canvas-background-label"] { position: relative; background: transparent; padding: 1em 8px 14px 8px; @@ -278,7 +280,9 @@ body[dir=rtl] .dropdown-menu:not([data-popper-placement="bottom-start"]) .dropdo } /* The delimiter line */ -.dropdown-menu h6::before { +.dropdown-menu h6::before, +.excalidraw .dropdown-menu-container .dropdown-menu-group-title::before, +.excalidraw .dropdown-menu-container div[data-testid="canvas-background-label"]::before { content: ""; position: absolute; bottom: 8px; diff --git a/apps/client/src/stylesheets/theme-next/notes/canvas.css b/apps/client/src/stylesheets/theme-next/notes/canvas.css index 859bcec00..de7aa1173 100644 --- a/apps/client/src/stylesheets/theme-next/notes/canvas.css +++ b/apps/client/src/stylesheets/theme-next/notes/canvas.css @@ -82,6 +82,19 @@ opacity: 1; } +/* Main menu */ + +/* Hide separators - no longer needed as the menu group headers feature a delimiter line */ +.excalidraw .Island.dropdown-menu-container>div:not(:has(>*)) { + display: none; +} + +/* Menu group header */ +.excalidraw .dropdown-menu-container .dropdown-menu-group-title, +.excalidraw .Island.dropdown-menu-container div[data-testid="canvas-background-label"] { + margin: 0 !important; +} + /* Panels */ .excalidraw .Island:not(.App-menu__left),