Truncate long custom statuses in issue lists and wrap issue list item
What does this MR do and why?
Truncate long custom statuses in issue lists and wrap issue list item
Prevent very long custom statuses from having a negative impact on layout, while allowing them to show when there is room.
References
Screenshots or screen recordings
| Scenario | Before | After |
|---|---|---|
| Tooltip on status when truncated (relevant to all below scenarios) |  |
 |
| child item (no change) |  |
 |
| Board (no change) |  |
 |
| work item status widget (no change) |  |
 |
Issue list xs (<576px) |
 |
 |
Issue list sm (>=576px) |
 |
 |
Issue list md (>=768px) |
 |
 |
Issue list lg (>=992px) |
 |
 |
Issue list xl (>=1200px) |
 |
 |
How to set up and validate locally
- Check out this branch
- Follow this snippet to create custom statuses
- Apply a long custom status to a work item and observe it in the project/group issue list, the status widget on the work item itself, a card on a board, and as a child item on an epic (or if the work item is a task, as a child item on another work item)
Note: the work_items_alpha FF must be turned off to properly access the custom status functionality on project issue lists.
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Related to #547694 (closed)