Jon Robson has become the only person who understands the special pages maintained by MobileFrontend. He is desperate to find a path of least resistance to removing those special pages. The fundamental problem is special pages that make use of feeds cannot be easily skinned. This forced the mobile site to re-invent these pages for mobile. I'm keen to reduce some(all?) of this code by making upstream changes in core that provide more flexibility to skin developers.
In this row, the characters "(", "...", ")" and "|" are part of the output and thus cannot be skinned differently by other skins.
Pseudo elements solve this by keeping the status quo for Vector while enabling other skins to do as they wish.
Currently:
<span class="mw-tag-markers">(<a href="/w/index.php?title=Special:Tags" title="Special:Tags">Tags</a>: <span class="mw-tag-marker mw-tag-marker-mobile_edit">Mobile edit</span>, <span class="mw-tag-marker mw-tag-marker-mobile_web_edit">Mobile web edit</span>, <span class="mw-tag-marker mw-tag-marker-mw-contentmodelchange">content model change</span>)</span>
Proposed HTML:
<span class="mw-tag-markers"><a href="/w/index.php?title=Special:Tags" title="Special:Tags">Tags</a>: <span class="mw-tag-marker mw-tag-marker-mobile_edit">Mobile edit</span>, <span class="mw-tag-marker mw-tag-marker-mobile_web_edit">Mobile web edit</span>, <span class="mw-tag-marker mw-tag-marker-mw-contentmodelchange">content model change</span></span>
Visual changes: None
To start with we will focus on Special:Contributions, and then expand out to other special pages e.g. Vector
Checklist
For Special:Contributions:
- Provide a mechanism for handling '. .' separator in CSS
- Provide a mechanism for handling '' | ' separator between diff/history links and brackets surrounding them
- Provide a mechanism for wrapping number of bytes change with CSS. Use it on Special:Contributions. gerrit
- Provide a mechanism for wrapping comment in brackets with CSS. Use it on Special:Contributions. gerrit
- Remove hardcoded parentheticals from ChangesList mw-tag-markers. Use it on Special:Contributions.gerrit
- pseudo elements used on uctop gerrit
- pseudo elements used on mw-usertoollinks on Special:RecentChanges gerrit
- Watchlist and RecentChanges style diff and hist links using pseudo elements gerrit
- History page uses mw-changeslist-links for mw-history-histlinks, history-size, mw-usertoollinks and mw-changeslist-separator and mw-history-undo
- Convert styles to skinStyles to allow skins to override them (https://gerrit.wikimedia.org/r/499016)
Sign off steps
RecentChanges has been descoped and is tracked in T219348
Using these in Minerva is descoped and tracked in T219349