authorgravatar for 11655707+CodeZeno@users.noreply.github.comCraig <11655707+CodeZeno@users.noreply.github.com> 2026-04-20 16:25:39+10:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-04-19 23:25:39-07:00
log6d1505c9fb6ef9a7e147133bb9827f2f36e6945c
tree2197e4cf2d9e10a4a055345ba22cd194346e33dc
parent306ec4bb842fac22099192e964334fbf5368ad84
signature Signed by PGP key B5690EEEBB952194

fix: Change right panel sheet to be below title bar / action bar (#2224)

Co-authored-by: Julius Marminge <julius0216@outlook.com>

2 files changed, 4 insertions(+), 3 deletions(-)

apps/web/src/components/DiffPanelShell.tsx+2-2
...@@ -10,9 +10,9 @@ export type DiffPanelMode = "inline" | "sheet" | "sidebar";...@@ -10,9 +10,9 @@ export type DiffPanelMode = "inline" | "sheet" | "sidebar";
10function getDiffPanelHeaderRowClassName(mode: DiffPanelMode) {10function getDiffPanelHeaderRowClassName(mode: DiffPanelMode) {
11 const shouldUseDragRegion = isElectron && mode !== "sheet";11 const shouldUseDragRegion = isElectron && mode !== "sheet";
12 return cn(12 return cn(
13 "flex items-center justify-between gap-2 px-4 wco:pr-[calc(100vw-env(titlebar-area-width)-env(titlebar-area-x)+1em)]",13 "flex items-center justify-between gap-2 px-4",
14 shouldUseDragRegion14 shouldUseDragRegion
15 ? "drag-region h-[52px] border-b border-border wco:h-[env(titlebar-area-height)]"15 ? "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)]"
16 : "h-12 wco:max-h-[env(titlebar-area-height)]",16 : "h-12 wco:max-h-[env(titlebar-area-height)]",
17 );17 );
18}18}
apps/web/src/rightPanelLayout.ts+2-1
...@@ -1,2 +1,3 @@...@@ -1,2 +1,3 @@
1export const RIGHT_PANEL_INLINE_LAYOUT_MEDIA_QUERY = "(max-width: 1180px)";1export const RIGHT_PANEL_INLINE_LAYOUT_MEDIA_QUERY = "(max-width: 1180px)";
2export const RIGHT_PANEL_SHEET_CLASS_NAME = "w-[min(88vw,820px)] max-w-[820px] p-0";2export const RIGHT_PANEL_SHEET_CLASS_NAME =
3 "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))]";