Change Details

Many years ago, the [Page status indicators](https://www.mediawiki.org/wiki/Help: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](https://www.mediawiki.org/wiki/Snippets/Top_icons) 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 [[https://global-search.toolforge.org/?q=Top_icon_raw&regex=1&namespaces=&title=Common.js | that contain Top_icon_raw]] (there are also other places to search): [ ] https://be.wikimedia.org/wiki/MediaWiki:Common.js [ ] https://cy.wikisource.org/wiki/MediaWici:Common.js [ ] https://fa.wikisource.org/wiki/مدیاویکی: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://mr.wikisource.org/wiki/मिडियाविकी:Common.js [ ] https://nds-nl.wikipedia.org/wiki/MediaWiki:Common.js [ ] https://sa.wikisource.org/wiki/मीडियाविकि:Common.js [ ] https://stq.wikipedia.org/wiki/MediaWiki:Common.js [ ] https://uk.wikisource.org/wiki/MediaWiki:Common.js [ ] https://vi.wikisource.org/wiki/MediaWiki:Common.js [ ] https://wb.wikimedia.org/wiki/মিডিয়াউইকি:Common.js [ ] https://zh.wikisource.org/wiki/MediaWiki:Common.js [ ] https://nl.wikipedia.org/wiki/MediaWiki:Common.js 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>`.

Many years ago, the [Page status indicators](https://www.mediawiki.org/wiki/Help: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](https://www.mediawiki.org/wiki/Snippets/Top_icons) 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 [[https://global-search.toolforge.org/?q=Top_icon_raw&regex=1&namespaces=&title=Common.js | that contain Top_icon_raw]] (there are also other places to search): Todo: [ ] https://be.wikimedia.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://wb.wikimedia.org/wiki/মিডিয়াউইকি:Common.js [ ] https://nl.wikipedia.org/wiki/MediaWiki:Common.js (not ready at all it seems) Ready for script and style removal: [ ] 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 Notes: [ ] 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) 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>`.

Many years ago, the [Page status indicators](https://www.mediawiki.org/wiki/Help: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](https://www.mediawiki.org/wiki/Snippets/Top_icons) 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 [[https://global-search.toolforge.org/?q=Top_icon_raw&regex=1&namespaces=&title=Common.js | that contain Top_icon_raw]] (there are also other places to search): [ ] https://be.wikimedia.org/wiki/MediaWiki:Common.js [ ] https://cy.wikisource.org/wiki/MediaWici:Common.jsTodo: [ ] https://fabe.wikisourcemedia.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://mruk.wikisource.org/wiki/मिडियाविकीMediaWiki:Common.js [ ] https://nds-nlwb.wikipmedia.org/wiki/MediaWikiমিডিয়াউইকি:Common.js [ ] https://sanl.wikisourcepedia.org/wiki/मीडियाविकिMediaWiki:Common.jss (not ready at all it seems) Ready for script and style removal: [ ] https://stqcy.wikipediasource.org/wiki/MediaWikci:Common.js [ ] https://ukfa.wikisource.org/wiki/MediaWikiمدیاویکی:Common.js [ ] https://vimr.wikisource.org/wiki/MediaWikiमिडियाविकी:Common.js [ ] https://wbvi.wikimediasource.org/wiki/মিডিয়াউইকিMediaWiki:Common.js [ ] https://zh.wikisource.org/wiki/MediaWiki:Common.js Notes: [ ] 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://nlstq.wikipedia.org/wiki/MediaWiki:Common.js (uses indicators AND the script) 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>`.