The watchlist has a set of tabs at the top of the page like so:
In Minerva we want to style like so:
To support this several things are needed
Acceptance criteria
[x ] Use the mediawiki.interface.helpers.styles module to provide the parentheses and pipes
- Add classes to all the elements in the subtitle to allow them to be distinguished
- Add a class to the selected tab.
QA
The two components touched are:
The above change should not have impacted how they appear.
Desktop
- Visit https://en.wikipedia.beta.wmflabs.org/wiki/Special:EditWatchlist and confirm styles match with production for this elements.
- Visit https://en.wikipedia.beta.wmflabs.org/wiki/Special:Watchlist and confirm the header doesn't appear at the top of the page.
Mobile
On mobile login and visit
https://en.m.wikipedia.beta.wmflabs.org/w/index.php?title=Special:MobileOptions and enable AMC mode.
- Visit https://en.m.wikipedia.beta.wmflabs.org/wiki/Special:EditWatchlist and confirm styles match with production for the same elements.
- Visit https://en.m.wikipedia.beta.wmflabs.org/wiki/Special:Watchlist and confirm styles match with production for the same elements.