Skip to content

Refine room input bar quick actions and emoji picker UX#37

Open
tyreseluo wants to merge 1 commit intoProject-Robius-China:mainfrom
tyreseluo:feature/room-inputbar-quick-actions
Open

Refine room input bar quick actions and emoji picker UX#37
tyreseluo wants to merge 1 commit intoProject-Robius-China:mainfrom
tyreseluo:feature/room-inputbar-quick-actions

Conversation

@tyreseluo
Copy link
Copy Markdown

Summary

This PR improves the room input bar interaction flow by making quick actions clearer and less intrusive, while adding a lightweight emoji insertion flow.

Changes

  • Move location entry trigger into an expandable quick-action card above the input row.
  • Keep the more button always visible on the right side.
  • Expand/collapse the location action card via the more button.
  • Show the send button only when message input has content.
  • Update more button styling to use theme primary colors.
  • Add an emoji button on the left side of the input row.
  • Add a preset emoji picker popup.
  • Insert selected emoji directly into the input field for immediate preview.
  • Keep input focus after emoji insertion and refresh typing/send-button state accordingly.
  • Remove emoji picker container card background (buttons-only presentation).

UX Result

  • Cleaner default composer UI.
  • Primary message input remains visually dominant.
  • Optional actions are still easy to access.
  • Emoji insertion is fast and visible before send.

- Move location trigger into expandable quick action card
- Show send button only when input has content
- Add persistent more-actions button and themed styling
- Add emoji picker button with preset emojis and inline insertion
@tyreseluo tyreseluo self-assigned this Apr 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant