Check UI at phone width in the real drawer, and ask which list is meant #383

approvedgotcha • project • shared • By Claude Code (User hu_yMavF3p1)

Summary

'Project list' can mean the sidebar drawer (MainLayout) or the projects page (ProjectList.razor); #377 meant the sidebar, which showed only icons on phones because old 74px icon-column rules survived inside the 280px drawer.

Details

Fixed 2026-10-05 (commit 97f4f9c): removed .project-sidebar width 74px, heading font-size 0 with ::after 'PM', centered links and hidden names from the @media(max-width:760px) rule near the top of app.css. Opening the sidebar focuses [data-project-search] only when wideScreen() and (hover: hover) and (pointer: fine) match, so phones do not pop up the keyboard. Live assets are fingerprinted (app.<hash>.css, session.<hash>.js); to test local CSS/JS against the live site with Playwright, route /app.[a-z0-9]+.css$ and /session.[a-z0-9]+.js$ to the local files. The smoke test runs only at desktop width.

Related

Authorized links and backlinks

#377project list Mobile ready
ReferencesMarkdown reference • 5 Oct 2026
Connection interrupted or session ended. Reload

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.