Language button icon/button should be consistent with other buttons

This converts the language button into a mw-ui-button which is the
class we're currently using in both Vector and Minerva. In future
this can become a WVUI button using the same roadmap as Vector
and Minerva.

This fixes the issue with the icon resize, as well as the issue
with the button lacking appropriate hover/focus states.

Bug: T289630
Change-Id: I8242986e8762a8f663f8cab07c54481e14223320
This commit is contained in:
jdlrobson
2021-08-27 10:32:00 -07:00
committed by jenkins-bot
parent 44a2682bcc
commit 5ca2ccb58a
2 changed files with 29 additions and 13 deletions

View File

@@ -132,7 +132,10 @@ class UniversalLanguageSelectorHooks {
$out->addJsConfigVars( $config );
if ( $wgULSPosition === 'personal' ) {
$out->addModuleStyles( 'ext.uls.pt' );
$out->addModuleStyles( [
'mediawiki.ui.button',
'ext.uls.pt'
] );
} else {
$out->addModuleStyles( 'ext.uls.interlanguage' );
}
@@ -226,7 +229,8 @@ class UniversalLanguageSelectorHooks {
'uls' => [
'text' => Language::fetchLanguageName( $langCode ),
'href' => '#',
'class' => 'uls-trigger',
'link-class' => 'mw-ui-icon mw-ui-icon-before',
'class' => 'uls-trigger mw-ui-button mw-ui-quiet',
'active' => true
]
] + $personal_urls;