Skip to content

Archive page improvements: viewport fix, logo nav, stats disclaimer#27

Merged
kishanasokan merged 3 commits intomainfrom
feature/archive-improvements
Feb 25, 2026
Merged

Archive page improvements: viewport fix, logo nav, stats disclaimer#27
kishanasokan merged 3 commits intomainfrom
feature/archive-improvements

Conversation

@kishanasokan
Copy link
Copy Markdown
Owner

Summary

  • Fix empty blue bar on large laptop screens: Archive page now uses min-h-screen-safe + var(--full-vh) to match the main GamePage's zoom-compensated height
  • Clickable logo navigation: Radiordle logo/title on archive page now links back to home with hover feedback
  • Desktop modal max-height removed: Post-puzzle modal no longer caps at 90vh on desktop, eliminating scrollbar (mobile retains 90vh scroll behavior)
  • Archive stats disclaimer: Shows "Archive puzzles are not included in your statistics." under the Statistics heading in the results modal, only for archive puzzles

Test plan

  • Open archive page on a large screen (16" MacBook Pro / ≥1600px) — no empty blue bar at bottom
  • Click Radiordle logo on archive page — navigates to home
  • Complete an archive puzzle — disclaimer text visible under Statistics heading
  • Complete a daily puzzle — no disclaimer text shown
  • Test on mobile viewport — archive page and modal behavior unchanged
  • Verify all 154 unit tests pass and production build succeeds

🤖 Generated with Claude Code

- Fix empty blue bar on large screens by using --full-vh viewport compensation
- Make Radiordle logo/title clickable to navigate home from archive
- Remove max-height cap on post-puzzle modal for desktop screens
- Add archive stats disclaimer under Statistics heading in results modal

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

vercel bot commented Feb 25, 2026

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

Project Deployment Actions Updated (UTC)
radwordle Ready Ready Preview, Comment Feb 25, 2026 4:49am

…de-to-close

- Replace opaque black backdrop with semi-transparent bg-black/50 on all modals
- Lock background scroll when any modal is open (body overflow: hidden)
- Add click-outside-to-close to Legal modals (Privacy Policy, Terms of Service)
- Remove desktop max-height cap on Stats modal to match Results modal

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The backdrop class change from bg-black to bg-black/50 broke E2E tests
that located modals via .fixed.inset-0.bg-black CSS selector. Replaced
with stable data-testid="results-modal" attribute.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@kishanasokan kishanasokan merged commit deb3d43 into main Feb 25, 2026
10 checks passed
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