david/euchre_camp
Public Access
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

fix: prevent content overflow on right side of screen #28

Merged
david merged 1 commits from bugfix/23-content-overflow into main 2026-04-27 03:13:38 +00:00
Conversation 0 Commits 1 Files Changed 4
+9 -9
david commented 2026-04-27 03:03:20 +00:00
Owner
Copy Link
Copy Source

Fixes #23

Problem

Content running off the right side of the screen without enabling scroll in the container.

Root Cause

Multiple tables and containers used overflow-hidden which clips content instead of enabling horizontal scroll. The root layout also lacked overflow-x-hidden as a defensive measure.

Changes

  • Added overflow-x-hidden to <body> in root layout as defensive measure
  • Changed table containers from overflow-hidden to overflow-x-auto in:
    • src/app/admin/players/page.tsx (player management table with 7 columns)
    • src/app/rankings/RankingsClient.tsx (3 ranking tables - Elo, Glicko-2, OpenSkill)
  • Added min-w-0 overflow-hidden to Navigation flex containers
  • Added flex-shrink-0 to EuchreCamp wordmark link

Test Results

All 27 Cucumber scenarios pass (116 steps).

Fixes #23 ## Problem Content running off the right side of the screen without enabling scroll in the container. ## Root Cause Multiple tables and containers used `overflow-hidden` which clips content instead of enabling horizontal scroll. The root layout also lacked `overflow-x-hidden` as a defensive measure. ## Changes - Added `overflow-x-hidden` to `<body>` in root layout as defensive measure - Changed table containers from `overflow-hidden` to `overflow-x-auto` in: - `src/app/admin/players/page.tsx` (player management table with 7 columns) - `src/app/rankings/RankingsClient.tsx` (3 ranking tables - Elo, Glicko-2, OpenSkill) - Added `min-w-0 overflow-hidden` to Navigation flex containers - Added `flex-shrink-0` to EuchreCamp wordmark link ## Test Results All 27 Cucumber scenarios pass (116 steps).
david added 1 commit 2026-04-27 03:12:57 +00:00
fix: prevent content overflow on right side of screen
Pull Request / unit-tests (pull_request) Successful in 1m5s
Details
Release / release (push) Failing after 16s
Details
Pull Request / e2e-tests (pull_request) Failing after 4m7s
Details
Pull Request / analyze-bump-type (pull_request) Has been skipped
Details
ce13bae949 
Fixes #23

- Added overflow-x-hidden to body in root layout as defensive measure
- Changed table containers from overflow-hidden to overflow-x-auto
  in admin/players page and RankingsClient (3 tables)
- Added min-w-0 and overflow-hidden to Navigation flex containers
  to prevent links from pushing content off screen
- Added flex-shrink-0 to EuchreCamp wordmark link
david force-pushed bugfix/23-content-overflow from 6fd273c16c to ce13bae949 2026-04-27 03:12:57 +00:00 Compare
david merged commit ce13bae949 into main 2026-04-27 03:13:38 +00:00
david deleted branch bugfix/23-content-overflow 2026-04-27 03:13:38 +00:00
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
Clear labels
bug
Something isn't working
 epic:admin-dashboard
Admin dashboard features
 epic:authentication
Authentication and authorization
 epic:player-features
Player-facing features
 epic:tournament-management
Tournament management features
 feature
New functionality
 priority:high
High priority issue
 ui
User interface changes
 visualization
Data visualization
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
sara david
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: david/euchre_camp#28
Delete Branch "bugfix/23-content-overflow"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?