Spaces:
Running
Running
UI overhaul: mobile corkboard, Connect the Dots, nav and overflow fixes
#3
by aliabdelwahab - opened
- Board: shared Corkboard for desktop and mobile; mobile gets a real
scrollable evidence wall (was a flat list) with trimmed decor - New "Connect the Dots" mode on both form factors: tap two pushpins to
tie a red yarn thread (SVG, sagging quadratic, draw-in animation),
re-tap to cut, CLEAR with confirm; threads persist per case in
localStorage and track dragged cards - Drag math is now board-relative (getBoundingClientRect in the move
handler), so dragging works inside the scrolling mobile wall - Mobile bottom nav rebuilt: legible 9px labels, active plate aligned
behind the glyph (was a misaligned z-index:-1 square), SUSPECTS now
opens a dedicated suspects screen instead of double-mapping to board - HUD: left/right clusters with proper flex constraints; right cluster
wraps below on phones instead of overlapping the case badge; Menu
collapses to an icon on mobile; removed duplicate Menu on briefing - Removed the Tweaks sheet and navbar gear; tweaks now run on in-memory
defaults (stale localStorage values no longer stick) - Suspect rail: long names ellipsize, suspicion % pinned inside the box
- Title screen: "A PROCEDURAL DETECTIVE MYSTERY" subtitle (case-type
neutral) and labeled TONIGHT'S WIRE city/weather chip - Types: pixel maps typed as (string | string[])[] end to end; Btn
accepts ButtonHTMLAttributes (disabled); tsc -b now passes clean
Co-Authored-By: Claude Fable 5 noreply@anthropic.com