Add CMS badges for Embargo & Expiry status

[chrispenny]

It has been decided that Core will not support (non-core) status flags with text displayed (they will currently overlap). Instead, it is suggested that you use the new "badge" system.

We should remove our status flag text values, and add badges.

[edwilde]

I would assume that is what is also causing the overlapping text?

See below for an example from CMS 4.13 (heavily redacted, sorry)

[chrispenny]

@edwilde yup, that's correct. All of these messages need to be moved to Badges (or something else appropriate that has official CMS support).

[edwilde]

It looks like the ones in the CMS (v4) are just the same thing but with CSS backgrounds?

[chrispenny]

The "badges" (if I recall correctly) are part of the page edit form - they're not part of the Site Tree list.

EG: Fluent uses badges for showing language:

Not quite as nice, since you can't see these while browsing the "overview" of pages presented in our Site Tree list, but this is where I was pointed to by the product and UX team when I originally raised this issue of overlapping statuses with them.

Definitely open to other suggestions.

[edwilde]

Ahh, ok...so there is a proper way and a workable way. In this case the client definitely wants them in the sitetree listing.

I guess maybe we do a quick fix to avoid the overlapping issue by adding a background colour and leave this open to add the badges (as well maybe).