Register meta data to allow Vector to handle display of this menu item

- Adjusts CSS to defer button/icon rendering to skins that support button
and icons e.g. Vector

Depends-On: Ib518858e06549f252d73d57fd4768f446cc561b9
Bug: T289630
Change-Id: Ie9e30af5468aea9803d77c9a36e480ba2b2e86a0

includes/UniversalLanguageSelectorHooks.php

@@ -226,7 +226,11 @@ class UniversalLanguageSelectorHooks {
 			'uls' => [
 				'text' => Language::fetchLanguageName( $langCode ),
 				'href' => '#',
-				'class' => 'uls-trigger',
+				// Skin meta data to allow skin (e.g. Vector) to add icons
+				'icon' => 'wikimedia-language',
+				// Skin meta data to allow skin (e.g. Vector) to convert to button.
+				'button' => true,
+				'link-class' => [ 'uls-trigger' ],
 				'active' => true
 			]
 		] + $personal_urls;

resources/css/ext.uls.pt.less

@@ -24,6 +24,13 @@
 	// Let the SVG image fit without cropping or stretch
 	background-size: contain;
 	padding-left: 24px;
+
+	// Certain skins upgrade this to mw-ui-button. Background and padding should not apply.
+	// e.g. Modern Vector
+	&.mw-ui-button {
+		background: none;
+		padding-left: 12px;
+	}
 }
 
 #pt-uls {