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)", () => {...@@ -2151,6 +2151,7 @@ describe("ChatView timeline estimator parity (full app)", () => {
2151 ).toBe("no-drag");2151 ).toBe("no-drag");
2152 expect(chatHeader.classList.contains("drag-region")).toBe(false);2152 expect(chatHeader.classList.contains("drag-region")).toBe(false);
2153 expect(chatHeader.contains(panelLayoutControls)).toBe(true);2153 expect(chatHeader.contains(panelLayoutControls)).toBe(true);
2154 expect(window.innerWidth - panelLayoutControls.getBoundingClientRect().right).toBe(12);
2154 const initialTerminalRect = terminalToggle.getBoundingClientRect();2155 const initialTerminalRect = terminalToggle.getBoundingClientRect();
2155 const initialRightPanelRect = rightPanelToggle.getBoundingClientRect();2156 const initialRightPanelRect = rightPanelToggle.getBoundingClientRect();
2156 const initialControlRects = [initialTerminalRect, initialRightPanelRect];2157 const initialControlRects = [initialTerminalRect, initialRightPanelRect];
...@@ -2172,6 +2173,7 @@ describe("ChatView timeline estimator parity (full app)", () => {...@@ -2172,6 +2173,7 @@ describe("ChatView timeline estimator parity (full app)", () => {
2172 expect(panelLayoutControls.getBoundingClientRect().top).toBe(2173 expect(panelLayoutControls.getBoundingClientRect().top).toBe(
2173 chatHeader.getBoundingClientRect().top,2174 chatHeader.getBoundingClientRect().top,
2174 );2175 );
2176 expect(window.innerWidth - panelLayoutControls.getBoundingClientRect().right).toBe(12);
2175 document.documentElement.classList.remove("wco");2177 document.documentElement.classList.remove("wco");
21762178
2177 rightPanelToggle.click();2179 rightPanelToggle.click();
apps/web/src/index.css+2-8
...@@ -11,20 +11,14 @@...@@ -11,20 +11,14 @@
11 --workspace-native-controls-inset: 0px;11 --workspace-native-controls-inset: 0px;
12}12}
1313
14@media (width >= 40rem) {
15 :root {
16 --workspace-controls-right: calc(env(safe-area-inset-right) + 1.25rem);
17 }
18}
19
20.wco {14.wco {
21 --workspace-topbar-height: env(titlebar-area-height, 52px);15 --workspace-topbar-height: env(titlebar-area-height, 52px);
22 --workspace-controls-top: env(titlebar-area-y, 0px);16 --workspace-controls-top: env(titlebar-area-y, 0px);
23 --workspace-controls-right: calc(17 --workspace-controls-right: calc(
24 100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px) + 1em18 100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px) + 0.75rem
25 );19 );
26 --workspace-native-controls-inset: calc(20 --workspace-native-controls-inset: calc(
27 100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px) + 1em21 100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px) + 0.75rem
28 );22 );
29}23}
3024