Skip to content

feat: add new styles for unsupported attachments (preview, message, channel preview)#3107

Open
MartinCupela wants to merge 5 commits intomasterfrom
feat/redesign/unsupported-attachment-redesign-redesign
Open

feat: add new styles for unsupported attachments (preview, message, channel preview)#3107
MartinCupela wants to merge 5 commits intomasterfrom
feat/redesign/unsupported-attachment-redesign-redesign

Conversation

@MartinCupela
Copy link
Copy Markdown
Contributor

@MartinCupela MartinCupela commented Apr 10, 2026

🎯 Goal

New styling of unsupported attachments
Rule that sender is not shown in DM channel preview if the last message author is the other user (comes from the design spec)
Apply message bubble width rules as follows:

  • Text-only bubbles render at 400px (or full width on smaller screens) and wrap text inside that width.
  • Any bubble with attachments also uses 400px (or full width on smaller screens), regardless of text length.

🎨 UI Changes

Fix alignment of of media attachments, that do not stretch to the full width of the message bubble:

image

Figma:

image image

@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 10, 2026

Size Change: +1.56 kB (+0.25%)

Total Size: 617 kB

📦 View Changed
Filename Size Change
dist/cjs/index.js 237 kB +219 B (+0.09%)
dist/cjs/WithAudioPlayback.js 44.1 kB +405 B (+0.93%)
dist/css/index.css 45.7 kB +339 B (+0.75%)
dist/es/emojis.mjs 2.47 kB -2 B (-0.08%)
dist/es/index.mjs 236 kB +190 B (+0.08%)
dist/es/WithAudioPlayback.mjs 43.9 kB +406 B (+0.93%)
ℹ️ View Unchanged
Filename Size
dist/cjs/audioProcessing.js 1.32 kB
dist/cjs/emojis.js 2.96 kB
dist/cjs/mp3-encoder.js 1.27 kB
dist/css/emoji-replacement.css 456 B
dist/es/audioProcessing.mjs 1.31 kB
dist/es/mp3-encoder.mjs 756 B

compressed-size-action

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.

1 participant