Use Codex styles for buttons in language overlay (attempt 2)

* Replace all instances of mw-ui markup with Codex markup
* Use codex-search-styles
* Where codex-search-styles is not installed (e.g. 1.39)
register an alias which points to @wikimedia/codex as that is
available.

Bug: T340255
Bug: T340257
Change-Id: I4f3ddfb68ea6c033ee7a49729187f4ddbc8abe5c
This commit is contained in:
Jdlrobson
2023-12-08 22:03:21 +00:00
committed by Abijeet
parent 4456b68b5c
commit 6f9ffac1c3
14 changed files with 89 additions and 50 deletions

View File

@@ -190,7 +190,7 @@
this.compactList[ language ].parentNode.style.display = '';
}
mw.loader.using( 'mediawiki.ui.button' ).then( function () {
mw.loader.using( '@wikimedia/codex' ).then( function () {
this.addTrigger();
}.bind( this ) );
@@ -330,7 +330,7 @@
CompactInterlanguageList.prototype.addTrigger = function () {
var trigger = document.createElement( 'button' );
// TODO: Should we have a different class name where the CLS styles are attached?
trigger.className = 'mw-interlanguage-selector mw-ui-button';
trigger.className = 'mw-interlanguage-selector cdx-button';
trigger.title = mw.message( 'ext-uls-compact-link-info' ).plain();
// Use text() because the message needs {{PLURAL:}}
trigger.textContent = mw.message(