You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
fix(ui): body zoom no longer pushes StatusBar off-screen
Report: "底部的欄位都不見了" — the StatusBar row along the bottom
and the Timeline event log below the track were both getting clipped
by the window.
Root cause: `body { zoom: 1.1 }` scales the layout box, and every child
that uses `h-screen` (100vh) then measures itself against the un-scaled
viewport. Result: the app's root `<div className="h-screen flex flex-col">`
became 110vh tall after zoom, so the StatusBar sat 10vh below the
window's actual bottom edge. Same story for the Timeline event log —
the track ate the visible space and pushed the log out.
Two fixes:
- body: add `height: calc(100vh / var(--app-zoom, 1.1))`. Pre-shrunk
body composites at exactly the viewport after zoom multiplies it back
to 100vh, so `h-screen` children stay inside the window.
- Timeline: replace the hardcoded 240 px detail-panel and 160/180 px
event-log heights with vh values (45vh / 18vh / 22vh). Fixed pixels
were the wrong choice once zoom + the +1-step hint font landed —
they don't scale with the operator's chosen scale or window height.
Session_end events are also no longer suppressed by the housekeeping
filter — they're the anchor for the "▶ Replay entire session" button,
so hiding them meant the button was unreachable.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>