02ecc1c214
Press F → hide TopStrip + BottomTicker, drop the panel column borders, and shrink panel columns from 320 to 280 so the globe gets more room. Esc → exit. Mode persists to localStorage at STORAGE_KEYS.PRESENTATION_MODE so refresh maintains it (use case: second-monitor wall). Implementation: each chrome component (TopStrip, BottomTicker) reads presentationMode from the ui store and early-returns null. Dashboard applies a .presentation modifier to .root that re-templates the inner .grid columns and zeroes the aside borders. CSS Modules-scoped — no :global escape, no clsx dep. isTypingInForm guards F so it doesn't fire when typing in inputs / textareas / contentEditable. Escape always exits — universal "get me out" semantics. useUIStore.getState() inside the keydown handler avoids stale closure. Plan 5 Task 11 Design QA: F hides chrome cleanly without animation flash, globe area expands, panels stay readable, Esc restores, state persists. |
||
|---|---|---|
| .. | ||
| advanced | ||
| beginner | ||
| intermediate | ||