Skip to content

fix(app): mobile prompt input buttons overflow on narrow viewports - #11615

Closed
athal7 wants to merge 1 commit into
anomalyco:devfrom
athal7:fix/mobile-prompt-input-buttons
Closed

fix(app): mobile prompt input buttons overflow on narrow viewports#11615
athal7 wants to merge 1 commit into
anomalyco:devfrom
athal7:fix/mobile-prompt-input-buttons

Conversation

@athal7

@athal7athal7 commented Feb 1, 2026

Copy link
Copy Markdown
Contributor

Summary

Fixes mobile layout for prompt input button bar where buttons overflow or clip on narrow viewports (320-375px).

Changes:

  • Use tighter gap spacing on mobile (gap-1 vs gap-2 on desktop)
  • Add shrink-0 to prevent buttons from compressing
  • Add min-w-0 to left section to allow proper flex shrinking
  • Hide text labels on mobile for model and thinking selectors (icons only)
  • Remove absolute positioning from right button group

Tested at 320px (iPhone SE) and 375px (iPhone 12/13/14) viewports.

Screenshots

image
image
image
image
image

Fixes#11613

Partially addresses:

@github-actions

Copy link
Copy Markdown
Contributor

The following comment was made by an LLM, it may be inaccurate:

No duplicate PRs found

@athal7
athal7 marked this pull request as ready for review February 1, 2026 13:17
opencode-agentBot added a commit that referenced this pull request Feb 1, 2026
@athal7
athal7 marked this pull request as draft February 1, 2026 13:19
@athal7
athal7force-pushed the fix/mobile-prompt-input-buttons branch from 5fb8165 to 178bfc2CompareFebruary 1, 2026 13:22
@athal7
athal7 marked this pull request as ready for review February 1, 2026 13:32
opencode-agentBot added a commit that referenced this pull request Feb 1, 2026
opencode-agentBot added a commit that referenced this pull request Feb 1, 2026
@adamdotdevin

Copy link
Copy Markdown
Member

@athal7 please add screenshots

@athal7

Copy link
Copy Markdown
ContributorAuthor

@adamdotdevin Sorry they got overwritten when I tagged more issues. Added back now

opencode-agentBot added a commit that referenced this pull request Feb 1, 2026
opencode-agentBot added a commit that referenced this pull request Feb 1, 2026
opencode-agentBot added a commit that referenced this pull request Feb 1, 2026
@athal7
athal7force-pushed the fix/mobile-prompt-input-buttons branch from 178bfc2 to 7265fd3CompareFebruary 2, 2026 02:25
@athal7

athal7 commented Feb 2, 2026

Copy link
Copy Markdown
ContributorAuthor

Updated with a simpler approach that works with the current upstream/dev (post-#11675 UI refresh).

Changes:

  • Tighter gap spacing on mobile (gap-1 vs gap-2)
  • shrink-0 on buttons to prevent compression
  • Hide text labels on mobile for model/thinking selectors (icons only)
  • Remove absolute positioning from send button group

This avoids modifying the Select component or changing the thinking variant from Button to Select dropdown - just CSS/class tweaks.

Screenshots have been updated.

@athal7
athal7force-pushed the fix/mobile-prompt-input-buttons branch from 7265fd3 to 2ec1ec3CompareFebruary 2, 2026 04:14
@athal7
athal7force-pushed the fix/mobile-prompt-input-buttons branch from 2ec1ec3 to 8a42dc7CompareFebruary 3, 2026 15:32
- Use tighter gap spacing on mobile (gap-1 vs gap-2)
- Add shrink-0 to prevent buttons from compressing
- Hide text labels on mobile for model selector (icons only)
- Show brain icon for variant button on mobile
@athal7
athal7force-pushed the fix/mobile-prompt-input-buttons branch from 8a42dc7 to 3605019CompareFebruary 6, 2026 17:21
@athal7

Copy link
Copy Markdown
ContributorAuthor

Closing — mobile UI and PWA issues have been fixed upstream.

@athal7athal7 closed this Feb 18, 2026
@athal7

Copy link
Copy Markdown
ContributorAuthor

The underlying mobile layout issue has been fixed upstream. Closing this PR as no longer needed.

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG]: Mobile prompt input buttons overflow on narrow viewports

2 participants

@athal7@adamdotdevin