From 6d1505c9fb6ef9a7e147133bb9827f2f36e6945c Mon Sep 17 00:00:00 2001 From: Craig <11655707+CodeZeno@users.noreply.github.com> Date: Mon, 20 Apr 2026 16:25:39 +1000 Subject: [PATCH] fix: Change right panel sheet to be below title bar / action bar (#2224) Co-authored-by: Julius Marminge --- apps/web/src/components/DiffPanelShell.tsx | 4 ++-- apps/web/src/rightPanelLayout.ts | 3 ++- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/apps/web/src/components/DiffPanelShell.tsx b/apps/web/src/components/DiffPanelShell.tsx index b3ebb0fffd9d1c529d1b982115cfcb75773a5793..829ed4159d4ffe95414b2828728e8a05038da443 100644 --- a/apps/web/src/components/DiffPanelShell.tsx +++ b/apps/web/src/components/DiffPanelShell.tsx @@ -10,9 +10,9 @@ export type DiffPanelMode = "inline" | "sheet" | "sidebar"; function getDiffPanelHeaderRowClassName(mode: DiffPanelMode) { const shouldUseDragRegion = isElectron && mode !== "sheet"; return cn( - "flex items-center justify-between gap-2 px-4 wco:pr-[calc(100vw-env(titlebar-area-width)-env(titlebar-area-x)+1em)]", + "flex items-center justify-between gap-2 px-4", shouldUseDragRegion - ? "drag-region h-[52px] border-b border-border wco:h-[env(titlebar-area-height)]" + ? "drag-region h-[52px] border-b border-border wco:h-[env(titlebar-area-height)] wco:pr-[calc(100vw-env(titlebar-area-width)-env(titlebar-area-x)+1em)]" : "h-12 wco:max-h-[env(titlebar-area-height)]", ); } diff --git a/apps/web/src/rightPanelLayout.ts b/apps/web/src/rightPanelLayout.ts index c94f52a9cb21c865cfd43fa112f20ee7e334f1a4..981006315edb51f2e2a7b80692cca4d716cd47ea 100644 --- a/apps/web/src/rightPanelLayout.ts +++ b/apps/web/src/rightPanelLayout.ts @@ -1,2 +1,3 @@ export const RIGHT_PANEL_INLINE_LAYOUT_MEDIA_QUERY = "(max-width: 1180px)"; -export const RIGHT_PANEL_SHEET_CLASS_NAME = "w-[min(88vw,820px)] max-w-[820px] p-0"; +export const RIGHT_PANEL_SHEET_CLASS_NAME = + "w-[min(88vw,820px)] max-w-[820px] p-0 wco:mt-[env(titlebar-area-height)] wco:h-[calc(100%-env(titlebar-area-height))] wco:max-h-[calc(100%-env(titlebar-area-height))]"; -- 2.54.0