Change Details

The watchlist has a set of tabs at the top of the page like so: {F34923641} In Minerva we want to style like so: {F34923639} To support this several things are needed # Acceptance criteria [ ] 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.

The watchlist has a set of tabs at the top of the page like so: {F34923641} In Minerva we want to style like so: {F34923639} To support this several things are needed # Acceptance criteria [x ] Use the mediawiki.interface.helpers.styles module to provide the parentheses and pipes [x] Add classes to all the elements in the subtitle to allow them to be distinguished [x] Add a class to the selected tab. # QA The two components touched are: {F34930411} {F34930409} The above change should not have impacted how they appear. # Desktop 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Special:EditWatchlist and confirm styles match with production for this elements. 2) 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. 1) Visit https://en.m.wikipedia.beta.wmflabs.org/wiki/Special:EditWatchlist and confirm styles match with production for the same elements. 2) Visit https://en.m.wikipedia.beta.wmflabs.org/wiki/Special:Watchlist and confirm styles match with production for the same elements.

The watchlist has a set of tabs at the top of the page like so: {F34923641} In Minerva we want to style like so: {F34923639} To support this several things are needed # Acceptance criteria [x ] Use the mediawiki.interface.helpers.styles module to provide the parentheses and pipes [x] Add classes to all the elements in the subtitle to allow them to be distinguished [x] Add a class to the selected tab. # QA The two components touched are: {F34930411} {F34930409} The above change should not have impacted how they appear. # Desktop 1) Visit https://en.wikipedia.beta.wmflabs.org/wiki/Special:EditWatchlist and confirm styles match with production for this elements. 2) 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. 1) Visit https://en.m.wikipedia.beta.wmflabs.org/wiki/Special:EditWatchlist and confirm styles match with production for the same elements. 2) Visit https://en.m.wikipedia.beta.wmflabs.org/wiki/Special:Watchlist and confirm styles match with production for the same elements.