[5.x]: Status Tags don't display well for multiline

[segidev]

What happened?

Description

Using Order status and having them with longer names might wrap the text. If that happens the color tag doesn't fully cover the text (see screenshot)

Steps to reproduce

1. Create a status with a long name
2. Make an order
3. See the status in the list or also inside the order

Expected behavior

The tag should fully enclose the text

Actual behavior

The text is not encloded

Craft CMS version

Craft Pro 5.6.14

Craft Commerce version

5.3.8

PHP version

8.2.27

Operating system and version

Linux

Database type and version

Postgres 13

Image driver and version

No response

Installed plugins and versions

[linear]

PT-2704 [5.x]: Status Tags don't display well for multiline

[lukeholder]

@segidev Thank you for reporting this! I’ve moved it to the craftcms/cms project since craftcms/commerce is simply using Craft’s Cp::statusLabelHtml(). I believe that using text-overflow: ellipsis; might be the best solution, but I’ll leave it to our accessibility and UI team to weigh in. Thanks again!

[brandonkelly]

Craft 5.7.0 is out with a fix for this. Thanks again!

[segidev]

Can confirm it looks good now 👍