Skip to content

Fix play-page layout shifts and drag-piece offset at non-100% zoom#302

Open
daniel-monroe wants to merge 1 commit into
CSSLab:mainfrom
daniel-monroe:play-layout-fixes
Open

Fix play-page layout shifts and drag-piece offset at non-100% zoom#302
daniel-monroe wants to merge 1 commit into
CSSLab:mainfrom
daniel-monroe:play-layout-fixes

Conversation

@daniel-monroe
Copy link
Copy Markdown

  • Pin the play page's left sidebar to a constant size (h-[75vh] w-[22rem]) with overflow-hidden, so neither its width nor height varies as content updates
  • Allow the FEN/PGN containers in ExportGame to shrink below their content width (min-w-0 throughout the flex chain + min-w-0 on the text element), so the long unwrappable FEN string can no longer push the sidebar wider and shift the board horizontally
  • Pin the PGN bar to a constant 160 px tall with internal scroll
  • Replace scrollIntoView in MovesContainer with a manual scrollTo on the moves panel only, so the move-into-view scroll never propagates up to the document body

- Pin the play page's left sidebar to a constant size (h-[75vh]
  w-[22rem]) with overflow-hidden, so neither its width nor height
  varies as content updates
- Allow the FEN/PGN containers in ExportGame to shrink below their
  content width (min-w-0 throughout the flex chain + min-w-0 on the
  text element), so the long unwrappable FEN string can no longer push
  the sidebar wider and shift the board horizontally
- Pin the PGN bar to a constant 160 px tall with internal scroll
- Replace scrollIntoView in MovesContainer with a manual scrollTo on
  the moves panel only, so the move-into-view scroll never propagates
  up to the document body

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 1, 2026

@daniel-monroe is attempting to deploy a commit to the Maia Platform Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 1, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
maia-platform-frontend Error Error Jun 1, 2026 4:39am

Request Review

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant