| author |  maria <maria@kuuro.net> 2026-10-04 08:56:08-03:00 |
| committer |  GitHub <noreply@github.com> 2026-10-04 08:56:08-03:00 |
| log | 71fbe8e013bfddab0935f65a82732e9820bd4b73 |
| tree | 56e36b1f0f1d5e508778ee58c268e6d850f91b84 |
| parent | 2dfef8779e046dc9b3fe87668022f4ed0907adbb |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(desktop): keep titlebar controls inset when zoomed (#15496)
3 files changed, 3 insertions(+), 3 deletions(-)
apps
web
src
apps/web/src/components/DiffPanelShell.tsx+1-1
| ... | @@ -13,7 +13,7 @@ function getDiffPanelHeaderRowClassName(mode: DiffPanelMode) { | ... | @@ -13,7 +13,7 @@ function getDiffPanelHeaderRowClassName(mode: DiffPanelMode) { |
| 13 | "flex items-center justify-between gap-2", | 13 | "flex items-center justify-between gap-2", |
| 14 | mode === "embedded" ? "px-2" : "px-4", | 14 | mode === "embedded" ? "px-2" : "px-4", |
| 15 | shouldUseDragRegion | 15 | shouldUseDragRegion |
| 16 | ? "drag-region h-[var(--workspace-topbar-height)] border-b border-border wco:h-[env(titlebar-area-height)] wco:pr-(--workspace-native-controls-inset)" | 16 | ? "drag-region h-[var(--workspace-topbar-height)] border-b border-border wco:pr-(--workspace-native-controls-inset)" |
| 17 | : "flex h-10 min-h-10 shrink-0 items-center border-b border-border/60 bg-background in-data-[preview-panel-mode=inline]:mb-3 in-data-[preview-panel-mode=inline]:h-7 in-data-[preview-panel-mode=inline]:min-h-7 in-data-[preview-panel-mode=inline]:border-b-transparent", | 17 | : "flex h-10 min-h-10 shrink-0 items-center border-b border-border/60 bg-background in-data-[preview-panel-mode=inline]:mb-3 in-data-[preview-panel-mode=inline]:h-7 in-data-[preview-panel-mode=inline]:min-h-7 in-data-[preview-panel-mode=inline]:border-b-transparent", |
| 18 | ); | 18 | ); |
| 19 | } | 19 | } |
apps/web/src/components/RightPanelSheet.tsx+1-1
| ... | @@ -22,7 +22,7 @@ export function RightPanelSheet(props: { | ... | @@ -22,7 +22,7 @@ export function RightPanelSheet(props: { |
| 22 | side="right" | 22 | side="right" |
| 23 | showCloseButton={false} | 23 | showCloseButton={false} |
| 24 | keepMounted | 24 | keepMounted |
| 25 | className="w-[min(42vw,28rem)] min-w-80 max-w-[28rem] max-[760px]:w-[min(88vw,24rem)] max-[760px]:min-w-0 wco:mt-[env(titlebar-area-height)] wco:h-[calc(100%-env(titlebar-area-height))] wco:max-h-[calc(100%-env(titlebar-area-height))]" | 25 | className="w-[min(42vw,28rem)] min-w-80 max-w-[28rem] max-[760px]:w-[min(88vw,24rem)] max-[760px]:min-w-0 wco:mt-(--workspace-topbar-height) wco:h-[calc(100%-var(--workspace-topbar-height))] wco:max-h-[calc(100%-var(--workspace-topbar-height))]" |
| 26 | > | 26 | > |
| 27 | {props.children} | 27 | {props.children} |
| 28 | </SheetPopup> | 28 | </SheetPopup> |
apps/web/src/index.css+1-1
| ... | @@ -140,7 +140,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil | ... | @@ -140,7 +140,7 @@ html[data-mobile-composer-route-transition="true"]::view-transition-old(t3-mobil |
| 140 | } | 140 | } |
| 141 | 141 | ||
| 142 | .wco { | 142 | .wco { |
| 143 | --workspace-topbar-height: env(titlebar-area-height, 52px); | 143 | --workspace-topbar-height: max(40px, env(titlebar-area-height, 52px)); |
| 144 | --workspace-controls-top: env(titlebar-area-y, 0px); | 144 | --workspace-controls-top: env(titlebar-area-y, 0px); |
| 145 | --workspace-controls-left: calc(env(titlebar-area-x, 0px) + 0.75rem); | 145 | --workspace-controls-left: calc(env(titlebar-area-x, 0px) + 0.75rem); |
| 146 | --workspace-controls-right: calc( | 146 | --workspace-controls-right: calc( |