Skip to content

fix: keep changelog dialog buttons visible on narrow screens - #18

Open
uveshm003 wants to merge 1 commit into
SirusCodes:mainfrom
uveshm003:fix/changelog-close-button
Open

uveshm003 wants to merge 1 commit into
SirusCodes:mainfrom
uveshm003:fix/changelog-close-button

Conversation

@uveshm003

Copy link
Copy Markdown

Fixes #12

Problem

In the "What's new" changelog dialog, the Close and Join Reddit Community buttons sat in a plain Row. A typical phone dialog leaves about 240 logical px for that row (360dp screen minus the dialog's 40px insets and 20px padding on each side), which isn't enough room. The row overflowed, and the Close button ended up cramped or clipped, as in the screenshot in the issue. One commenter never noticed there was a Close option at all.

Fix

Replaced the Row with an OverflowBar, right-aligned with 8px spacing:

  • When there is room, the buttons sit side by side at the end of the dialog, like a standard dialog action bar.
  • When there isn't, they stack vertically, right-aligned, instead of overflowing, so Close is always fully visible.

I also added a small gap between the changelog content and the buttons.

Verification

  • flutter analyze on the file is clean.
  • A throwaway widget test (not committed) laid out the old Row and the new OverflowBar inside a Dialog at 320 and 360dp widths. The Row overflowed at both; the OverflowBar didn't.

🤖 Generated with Claude Code

Fixes SirusCodes#12

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

This branch has not been deployed

No deployments
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.

changelogs ui error

1 participant