Change #1249955 had a related patch set uploaded (by Aude; author: Aude):

[mediawiki/extensions/ReadingLists@master] Add beta tag with Codex InfoChip on Special:ReadingLists

https://gerrit.wikimedia.org/r/1249955

@Sneha good news - the "progressive" InfoChip type just landed in Codex and will be included in the next release, if we want to make the chip blue instead of green (blue/progressive indicates something of importance or interest, green/success is usually a response to a successful action)

@AnneT thanks for alerting... the link you shared there is "Beta" tag next to the codex icon and that is using a warning colour without a warning icon which could also work....need to think about this.

IMO, that "beta" is different than the tag for ReadingLists. For the Codex docs site, we want to warn people that the site represents the beta version of Codex, not the canonical, released version, which is documented at a different web address.

For ReadingLists, "beta" represents that this is a new and exciting feature that people get to try out. So, IMO, the warning color is not ideal here and the blue, progressive color is more appropriate.

FWIW I intended to point to the configurable demo for the InfoChip component, where you can see the new progressive type.

okay that's a fair point. The yellow also makes it look a bit like warning. Although I am finding that green seems to be standing out more than blue as a badge.

@Sneha Shouldn't the center of "B"eta be on the mean line of saved pages?

@Volker_E I did not suggest superscript mostly because it would add unnecessary space on mobile at the top and if we don't add space it will look cramped.

@Sneha So it should be the same position (baseline? the images shared don't make it look like baseline) in both mobile and desktop? Or different?

I have actually center-aligned horizontally the title and badge. Are there other suggestions for making the text look aligned?

Change #1249955 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] Add beta tag with Codex InfoChip on Special:ReadingLists

https://gerrit.wikimedia.org/r/1249955

{F72809528 width=100%}
@Sneha vertical-align: middle is a bit wonky from implementation. I guess you won't be super satisfied with the desktop result either. Maybe we should consider tackling desktop/mobile different. I've merged the patch now, as we might also need to add a small refinement patch on it after next Codex release.

@Volker_E the image is not visible.

@Volker_E lets revisit this once we have a refinement patch from codex. I would like to explore your suggestion to tackle it differently on Desktop and Mobile. It works well on minerva, but looks a bit odd on Desktop as its so close to the line.

Change #1263717 had a related patch set uploaded (by VolkerE; author: VolkerE):

[mediawiki/extensions/ReadingLists@master] SpecialReadingLists: Use Codex PHP InfoChip component

https://gerrit.wikimedia.org/r/1263717

@Sneha Please check on beta. If fine, pls move to QA or sign-off.

Change #1263717 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] SpecialReadingLists: Use Codex PHP InfoChip component

https://gerrit.wikimedia.org/r/1263717

Change #1265645 had a related patch set uploaded (by VolkerE; author: VolkerE):

[mediawiki/extensions/ReadingLists@master] styles: Slightly adjust the position of the beta tag

https://gerrit.wikimedia.org/r/1265645

Change #1265645 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] styles: Slightly adjust the position of the beta tag

https://gerrit.wikimedia.org/r/1265645