fix(ui): make annotation wrap

[renefloor]

Submit a pull request

Linear: FLU-673
Found during: GetStream/stream-chat-flutter#2870

CLA

• I have signed the Stream CLA (required).
• The code changes follow best practices
• Code changes are tested (add some information if not applicable)

Description of the pull request

Longer annotations wrap the label, but keep the action on the right side, which is weird:

This PR changes that with the following rule: if the annotation doesn't fit on 1 line the action goes below the label and the separator is dropped.
By default there is no separator as we recommended to add the separator to the label.

The extra long annotation is an edge case that probably only happens when you have large font scaling on your phone.

short	long	extra long

[coderabbitai]

Important

• 🔍 Trigger review

This repository does not receive automatic reviews because it has fewer than 10 stars.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 3cbbfe48-3a2b-4f74-b719-a82688d958fa

---

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

• X
• Mastodon
• Reddit
• LinkedIn

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

[codecov]

Codecov Report

❌ Patch coverage is 81.53846% with 24 lines in your changes missing coverage. Please review.
✅ Project coverage is 60.42%. Comparing base (13ef444) to head (152f334).

Files with missing lines	Patch %	Lines
.../components/message/stream_message_annotation.dart	81.53%	24 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #162      +/-   ##
==========================================
+ Coverage   60.06%   60.42%   +0.35%     
==========================================
  Files         192      192              
  Lines        7803     7927     +124     
==========================================
+ Hits         4687     4790     +103     
- Misses       3116     3137      +21     

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.