Skip to content

fix(web): make navigation and composing usable on phones - #25

Open
thecodacus wants to merge 2 commits into
mainfrom
fix/issue-3-mobile-layout
Open

thecodacus wants to merge 2 commits into
mainfrom
fix/issue-3-mobile-layout

Conversation

@thecodacus

@thecodacus thecodacus commented Sep 15, 2026

Copy link
Copy Markdown
Owner

The Send button reported in #3 already exists on main, but the sidebar still consumes phone width, the root uses 100vh, and the slash picker has no scrolling boundary.

Below md, navigation now opens in a drawer with explicit close/backdrop controls and expands independently of the saved desktop collapse preference. The page uses the dynamic viewport height with shrinking flex containers. The phone composer uses 16px text, and slash commands have a bounded scrolling menu with touch-friendly click selection.

Validation: production server/web build; Playwright on Chrome at 375×812 and 375×500 verifies sending, drawer controls, workspace access, no horizontal/vertical body overflow, font size, and internal command scrolling. Inspected the resulting screenshot. Native iOS Safari was not available for a device test.

Fixes #3.

Documentation: adds phone navigation, sending, and slash-command scrolling instructions.

@coderabbitai

coderabbitai Bot commented Sep 15, 2026

Copy link
Copy Markdown

Warning

Review limit reached

Next included review available in 33 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used all 2 included reviews currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Advanced

Run ID: 701c40a6-8b0c-4eae-a831-81c2cd4a3225

📥 Commits

Reviewing files that changed from the base of the PR and between 0dcb312 and b491804.

📒 Files selected for processing (6)
  • docs/guide/sessions.md
  • tests/browser/mobile.spec.mts
  • web/src/App.tsx
  • web/src/components/Chat.tsx
  • web/src/components/Sidebar.tsx
  • web/src/index.css

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

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.

Portal can't send a message on a phone — no Send button, and iOS Return inserts a newline

1 participant