Many years ago, the Page status indicators was added to MediaWiki. This recognised the common need of wikis to display icons and small interfaces on the top right of article headers.
Prior to this feature, the way communties accomplished this is with absolute-relative positionining overrides using inline CSS, where each kind of icon reserved a specific offset (e.g. pixels 0-50 from the top right might be for featured articles, pixels 55-100 for coordinates link, pixels 105-200 for "spoken audio" etc.).
This method was hard to maintain for editors, sometimes caused different icons to overlap each other due to offsets being out of sync, and created a user experience that was confusing due to icons appearing in seemingly random places. In the example above, on articles with just a coordinate link, it would appear oddly floating in the middle of the title bar as the space around it was reserved for other icons that might be there.
This was somewhat mitigated by the use of a site-wide javascript customisation snippet that, after the page loads, would take any of these icons, strip away their reserved position offsets, and line them up in order from offset 0.
This however adds a JS payload, and causes jarring reshuffling of the layout after initial page render, which means the page settles much later than it normally would.
This task is to help communities finish migration away from this approach to the standard <indicator> which handles all this with our core framework for this purpose, without need to "adjust" it after the fact on the browser's end while the user is looking at it.
Commons.js pages that contain Top_icon_raw (there are also other places to search):
Todo:
- https://be.wikimedia.org/wiki/MediaWiki:Common.js
- https://wb.wikimedia.org/wiki/মিডিয়াউইকি:Common.js
Done (unused, and script+style removed):
- https://cy.wikisource.org/wiki/MediaWici:Common.js
- https://fa.wikisource.org/wiki/مدیاویکی:Common.js
- https://mr.wikisource.org/wiki/मिडियाविकी:Common.js
- https://vi.wikisource.org/wiki/MediaWiki:Common.js
- https://zh.wikisource.org/wiki/MediaWiki:Common.js
- https://fy.wikipedia.org/wiki/MediaWiki:Common.js
- https://mk.wikipedia.org/wiki/МедијаВики:Common.js
- https://mk.wikisource.org/wiki/МедијаВики:Common.js
- https://uk.wikisource.org/wiki/MediaWiki:Common.js
- https://nds-nl.wikipedia.org/wiki/MediaWiki:Common.js (uses indicators AND the script)
- https://sa.wikisource.org/wiki/मीडियाविकि:Common.js (uses indicators AND the script, but page usage isn't even used by itself)
- https://stq.wikipedia.org/wiki/MediaWiki:Common.js (uses indicators AND the script)
- https://nl.wikipedia.org/wiki/MediaWiki:Common.js (not ready at all it seems)
On each of these wikis, search in all namespaces for insource:/Top_icon_raw/ to find the usages that may need to be converted from e.g. <div class="Top_icon_raw">…</div> to <indicator name="…">…</indicator>.