Skip to content

style(chat): UI: add mobile layout for chat compose actions#11167

Merged
obviyus merged 2 commits intoopenclaw:mainfrom
junyiz:main
Feb 26, 2026
Merged

style(chat): UI: add mobile layout for chat compose actions#11167
obviyus merged 2 commits intoopenclaw:mainfrom
junyiz:main

Conversation

@junyiz
Copy link

@junyiz junyiz commented Feb 7, 2026

  • Stack chat compose row vertically on mobile (max-width: 640px)
  • Change action buttons to vertical layout with full width
  • Improve mobile UX for send and session control buttons
image

Greptile Overview

Greptile Summary

This PR updates ui/src/styles/chat/layout.css to improve the chat compose area on small screens (@media (max-width: 640px)). On mobile it switches .chat-compose__row and .chat-compose__actions from horizontal to vertical flex layout, adds smaller gaps, and makes compose action buttons full-width to better fit narrow viewports. These styles layer on top of the existing desktop compose/controls flex layout rules defined earlier in the same stylesheet.

Confidence Score: 5/5

  • This PR is safe to merge with minimal risk.
  • The change is confined to a small, well-scoped CSS media-query adjustment for mobile layout, with no functional logic changes and no evidence of breaking selectors or invalid CSS in the diff reviewed.
  • No files require special attention

(2/5) Greptile learns from your feedback when you react with thumbs up/down!

@openclaw-barnacle openclaw-barnacle bot added the app: web-ui App: web-ui label Feb 7, 2026
SutanuNandigrami pushed a commit to SutanuNandigrami/openclaw that referenced this pull request Feb 8, 2026
@openclaw-barnacle
Copy link

This pull request has been automatically marked as stale due to inactivity.
Please add updates or it will be closed.

@openclaw-barnacle openclaw-barnacle bot added the stale Marked as stale due to inactivity label Feb 21, 2026
@openclaw-barnacle openclaw-barnacle bot added size: XS and removed stale Marked as stale due to inactivity labels Feb 22, 2026
@junyiz junyiz force-pushed the main branch 2 times, most recently from b5f28da to 440f87b Compare February 26, 2026 01:55
@junyiz
Copy link
Author

junyiz commented Feb 26, 2026

Hi @obviyus, @sebslight , could you please review this PR when you have a chance?
It enhances mobile layout for chat compose actions and improves UX on small screens.
All checks have passed and I’ve tested on multiple devices.
Thanks a lot!

@obviyus obviyus self-assigned this Feb 26, 2026
Junyi and others added 2 commits February 26, 2026 07:58
- Stack chat compose row vertically on mobile (max-width: 640px)
- Change action buttons to vertical layout with full width
- Improve mobile UX for send and session control buttons
@obviyus obviyus merged commit 260bec5 into openclaw:main Feb 26, 2026
@obviyus
Copy link
Contributor

obviyus commented Feb 26, 2026

Landed via temp rebase onto main.

  • Gate: CI (GitHub Actions)
  • Land commit: 798a270
  • Merge commit: 260bec5

Thanks @junyiz!

execute008 pushed a commit to execute008/openclaw that referenced this pull request Feb 27, 2026
r4jiv007 pushed a commit to r4jiv007/openclaw that referenced this pull request Feb 28, 2026
vincentkoc pushed a commit to Sid-Qin/openclaw that referenced this pull request Feb 28, 2026
vincentkoc pushed a commit to rylena/rylen-openclaw that referenced this pull request Feb 28, 2026
hughdidit pushed a commit to hughdidit/DAISy-Agency that referenced this pull request Mar 1, 2026
steipete pushed a commit to Sid-Qin/openclaw that referenced this pull request Mar 2, 2026
hughdidit pushed a commit to hughdidit/DAISy-Agency that referenced this pull request Mar 3, 2026
dorgonman pushed a commit to kanohorizonia/openclaw that referenced this pull request Mar 3, 2026
zooqueen pushed a commit to hanzoai/bot that referenced this pull request Mar 6, 2026
thebenjaminlee pushed a commit to escape-velocity-ventures/openclaw that referenced this pull request Mar 7, 2026
Sign up for free to 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.

2 participants