Christoph Wagner df3735a8ec
Some checks failed
CI Pipeline / Code Linting (pull_request) Successful in 14s
CI Pipeline / Run Tests (pull_request) Failing after 20s
CI Pipeline / Build Verification (pull_request) Has been skipped
CI Pipeline / Generate Quality Report (pull_request) Successful in 19s
fix: resolve promotion dialog bugs and column resizing issues
This commit addresses Issue #7 and fixes the column resizing bug:

1. Issue #7 Fix (already implemented):
   - Added status-message element to index.html
   - Added CSS styling for status messages
   - Messages now display visually to users

2. Column Resizing Bug Fix:
   - Changed grid-template-columns from flexible minmax() to fixed widths
   - Changed from: minmax(200px, 250px) minmax(600px, 3fr) minmax(200px, 250px)
   - Changed to: 250px 600px 250px
   - Fixed sidebar widths to 250px (removed width: 100%, max-width)
   - Fixed board section width to 600px (removed min-width, width: 100%)
   - Fixed move-history width to 218px (accounting for padding)
   - Added justify-content: center to game-container

Root cause: The minmax() function with fractional units (3fr) was causing
the browser to recalculate column widths when sidebar content changed
(captured pieces being added). Fixed widths prevent this reflow.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-23 20:31:02 +01:00
..