govuk-frontend icon indicating copy to clipboard operation
govuk-frontend copied to clipboard

Increase max-width of tags?

Open frankieroberto opened this issue 1 year ago • 0 comments

In #4259, the maximum width of the new tag component was set to 160 pixels, avoid an issue where the tag would overflow its boundaries where it contained a long word by allowing it to break words.

However the downside to this is that it’s causing the tag to break over 2 lines in my service, even where it would otherwise comfortably fit in a single line (when used within a table).

I wonder if we could find a way to only break the tag if it would otherwise overflow, or failing that, increase the maximum width a little bit?

Screenshot showing tag broken over 2 lines

Screenshot showing tag broken over 2 lines

Screenshot showing tag on a single line (with the max width removed)

Screenshot showing tag on a single line (with the max width removed)

frankieroberto avatar Jan 11 '24 14:01 frankieroberto