From 5d0e9ce4e834dadfb93e9db436c54349ce75ace1 Mon Sep 17 00:00:00 2001 From: Peter Steinberger Date: Sat, 11 Jul 2026 10:36:52 -0700 Subject: [PATCH] fix(ui): keep split-view pane headers clear of the macOS traffic lights when the sidebar is collapsed (#104593) --- ui/src/styles/chat/split-view.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/ui/src/styles/chat/split-view.css b/ui/src/styles/chat/split-view.css index 612ed7a4a39c..6b1c5c8a0e57 100644 --- a/ui/src/styles/chat/split-view.css +++ b/ui/src/styles/chat/split-view.css @@ -127,6 +127,19 @@ openclaw-chat-pane { } } +/* Native macOS floats the traffic lights plus the titlebar accessory + (sidebar toggle, back/forward — DashboardWindowController) over the + top-left ~194px of the page. With the nav column collapsed the split view + is the window's top surface, so reserve the titlebar band above the pane + headers; this also keeps the header buttons clear of the AppKit drag + region (x 78-254, y < 46) that would swallow their clicks. Drawer widths + (<=1100px) reserve a 58px topbar row instead (layout.mobile.css). */ +@media (min-width: 1101px) { + html.openclaw-native-macos .shell--nav-collapsed .chat-split-view { + padding-top: var(--openclaw-native-titlebar-height, 50px); + } +} + .chat-pane__header { display: flex; flex: 0 0 auto;