authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-06-15 16:05:36-07:00
committergravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-06-15 16:05:36-07:00
log9d5e632d4d41ca3f6932506255134dc297ba0278
tree85b00dbbd94393bb66942ae9cfd0897340f57c87
parentc2d44a312c072c29056f7f87938026f366879d75

Tighten workspace control spacing in the header

- Align header controls with the 12px right inset - Use a smaller control offset in window controls overlay mode

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

apps/web/src/components/ChatView.browser.tsx+2
......@@ -2151,6 +2151,7 @@ describe("ChatView timeline estimator parity (full app)", () => {
21512151 ).toBe("no-drag");
21522152 expect(chatHeader.classList.contains("drag-region")).toBe(false);
21532153 expect(chatHeader.contains(panelLayoutControls)).toBe(true);
2154 expect(window.innerWidth - panelLayoutControls.getBoundingClientRect().right).toBe(12);
21542155 const initialTerminalRect = terminalToggle.getBoundingClientRect();
21552156 const initialRightPanelRect = rightPanelToggle.getBoundingClientRect();
21562157 const initialControlRects = [initialTerminalRect, initialRightPanelRect];
......@@ -2172,6 +2173,7 @@ describe("ChatView timeline estimator parity (full app)", () => {
21722173 expect(panelLayoutControls.getBoundingClientRect().top).toBe(
21732174 chatHeader.getBoundingClientRect().top,
21742175 );
2176 expect(window.innerWidth - panelLayoutControls.getBoundingClientRect().right).toBe(12);
21752177 document.documentElement.classList.remove("wco");
21762178
21772179 rightPanelToggle.click();
apps/web/src/index.css+2-8
......@@ -11,20 +11,14 @@
1111 --workspace-native-controls-inset: 0px;
1212}
1313
14@media (width >= 40rem) {
15 :root {
16 --workspace-controls-right: calc(env(safe-area-inset-right) + 1.25rem);
17 }
18}
19
2014.wco {
2115 --workspace-topbar-height: env(titlebar-area-height, 52px);
2216 --workspace-controls-top: env(titlebar-area-y, 0px);
2317 --workspace-controls-right: calc(
24 100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px) + 1em
18 100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px) + 0.75rem
2519 );
2620 --workspace-native-controls-inset: calc(
27 100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px) + 1em
21 100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px) + 0.75rem
2822 );
2923}
3024