Docs fullscreen is an in-page reading sheet under the project tabs, not the browser Fullscreen API #374

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

Summary

The user wanted an overlay below the tabs, not browser fullscreen, and the text at full container width (54em was rejected as too narrow). Docs.razor toggles .docs-fullscreen; app.css widens .workspace via :has(), hides tree and footer, sheet width 100% up to 1400px, font-size max(15px,.68vw).

Details

Commits 082d8ba and 2210808, deployed 2026-10-05. The first version capped the sheet at 54em (about 810px at 15px), which the user called as narrow as beside the page tree; now width:100%;max-width:1400px (about A4 on 4K). Phone layout was confirmed good by the user. Markdown heading sizes are rem in MarkdownContent.razor.css, so fullscreen overrides them with em to scale with the sheet. Escape leaves via session.js clicking [data-docs-fullscreen-leave] unless a dialog is open. Verified with playwright-core against conderis.com: text 1161px at 1280 wide (normal view 728px), 1400px sheet at 2560 and 3840.

Related

Authorized links and backlinks

No authorized related items.

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.