Skip to content

feat: hide quick message actions on small screens#3120

Merged
MartinCupela merged 2 commits intomasterfrom
feat/hide-quick-message-actions-on-small-screens
Apr 16, 2026
Merged

feat: hide quick message actions on small screens#3120
MartinCupela merged 2 commits intomasterfrom
feat/hide-quick-message-actions-on-small-screens

Conversation

@MartinCupela
Copy link
Copy Markdown
Contributor

🎯 Goal

Provide more space to message bubbles on small screens and thus make them readable.

Relevant designs:

https://www.figma.com/design/Us73erK1xFNcB5EH3hyq6Y/Chat-SDK-Design-System?node-id=16826-236477&m=dev

What changed

  1. Added react action to dropdown at the top of defaultMessageActionSet, using IconEmoji and label β€œAdd reaction”.
  2. Kept dropdown action open/close toggle behavior on repeated click.
  3. Opened reaction selector from dropdown as a standalone dialog (not submenu) and anchored it via context-menu reference (no fragile DOM class query).

🎨 UI Changes

HzF6.webm

@github-actions
Copy link
Copy Markdown

Size Change: +617 B (+0.1%)

Total Size: 621 kB

πŸ“¦ View Changed
Filename Size Change
dist/cjs/index.js 238 kB +277 B (+0.12%)
dist/css/index.css 46.5 kB +85 B (+0.18%)
dist/es/emojis.mjs 2.52 kB +2 B (+0.08%)
dist/es/index.mjs 237 kB +251 B (+0.11%)
dist/es/WithAudioPlayback.mjs 44.3 kB +2 B (0%)
ℹ️ View Unchanged
Filename Size
dist/cjs/audioProcessing.js 1.32 kB
dist/cjs/emojis.js 3.01 kB
dist/cjs/mp3-encoder.js 1.27 kB
dist/cjs/WithAudioPlayback.js 44.4 kB
dist/css/emoji-picker.css 188 B
dist/css/emoji-replacement.css 456 B
dist/es/audioProcessing.mjs 1.31 kB
dist/es/mp3-encoder.mjs 756 B

compressed-size-action

@MartinCupela MartinCupela merged commit fb8e99b into master Apr 16, 2026
8 checks passed
@MartinCupela MartinCupela deleted the feat/hide-quick-message-actions-on-small-screens branch April 16, 2026 08:51
github-actions bot pushed a commit that referenced this pull request Apr 16, 2026
## [14.0.0-beta.8](v14.0.0-beta.7...v14.0.0-beta.8) (2026-04-16)

### Bug Fixes

* **dialog:** prevent outside-click from other dialog managers closing active dialogs ([#3112](#3112)) ([233ec89](233ec89))
* **MessageUI:** use isDeleted as a flag to determine message deletion ([#3113](#3113)) ([f95f287](f95f287))
* prevent hiding floating date separator in message lists ([#3119](#3119)) ([397fadd](397fadd))
* remove UI issues in poll related components ([#3118](#3118)) ([d7870bb](d7870bb))
* unify what is considered a deleted message across the components ([#3117](#3117)) ([20b4022](20b4022))

### Features

* hide quick message actions on small screens ([#3120](#3120)) ([fb8e99b](fb8e99b))
* redesign Tooltip ([#3116](#3116)) ([d0cbaad](d0cbaad))
@stream-ci-bot
Copy link
Copy Markdown

πŸŽ‰ This PR is included in version 14.0.0-beta.8 πŸŽ‰

The release is available on:

Your semantic-release bot πŸ“¦πŸš€

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.

3 participants