mediawiki-skins-Vector/skinStyles/mediawiki.ui.icon.less

// The .mw-page-container class is used to restrict this to the modern Vector.
// This element is not needed in legacy Vector.
.mw-portlet-lang .mw-ui-icon:before {
	// mw-ui-icon in core defaults to 24x24. The style guide now requests 20x20.
	background-size: 20px auto;
	width: 20px;
	height: 20px;
	min-height: 20px;
	margin-right: 8px;
}
Add language icon to language button The sidebar currently uses mw-ui-icon so we continue this practice, however we provide a general rule to ensure all icons rendered through it default to 20x20. This didn't impact the side bar icon as that already specifies a height of 20px. Bug: T268241 Change-Id: I6f8e8400da048a97cbf59c3e6ad918763fc91041 2021-02-01 22:56:31 +00:00			`// The .mw-page-container class is used to restrict this to the modern Vector.`
			`// This element is not needed in legacy Vector.`
Language button is quiet with focus, active and hover states * Add mediawiki ui button styles to Vector and convert language button to a quiet button * Restore the arrow for language button with ULS * Vertically align button to first line of header * Add a storybook entry for LanguageButton Additional changes: * Fix issues revealed by storybook - menu dropdown should reset generic typography rule for `ul` tags * Allow quotes usage in storybook without disable rule Bug: T268241 Change-Id: I483350084fb46a51c50af6aab78c62db6d02df89 2021-02-08 23:10:21 +00:00			`.mw-portlet-lang .mw-ui-icon:before {`
Add language icon to language button The sidebar currently uses mw-ui-icon so we continue this practice, however we provide a general rule to ensure all icons rendered through it default to 20x20. This didn't impact the side bar icon as that already specifies a height of 20px. Bug: T268241 Change-Id: I6f8e8400da048a97cbf59c3e6ad918763fc91041 2021-02-01 22:56:31 +00:00			`// mw-ui-icon in core defaults to 24x24. The style guide now requests 20x20.`
			`background-size: 20px auto;`
Language button - design fixes * change color to #202122 (currently it's #54595d) * padding-right for button text should be 30px (currently it's 40px) * language icon seems to be displaying at 21x21px (should be 20x20px) * language icon's margin-right should be 7px (currently is 14px) * the down arrow should be 10px from the right edge of the button (currently it's 8px) (requires core change in 661497 to apply) * increase font-size to 16px (currently it's 13px) * add a max-height of ~65vh (or something similar) * add overflow: scroll * add a border-top (since the menu is wider than the button) Bug: T268241#6805123 Change-Id: I8891556cb82450db77b90837eeeb72ac78926e29 2021-02-05 02:14:21 +00:00			`width: 20px;`
			`height: 20px;`
			`min-height: 20px;`
Language button skinStyle overrides * ULS makes the language button text font weight normal on bold, reset this. * Because our icon is non-standard our left margin is also non-standard. Adjust. * Remove opacity on language button (it applies to more menu because of the label text color) Bug: T268241 Change-Id: Ie9b275a857e8bcb7b767446f0523954134751659 2021-03-08 19:07:09 +00:00			`margin-right: 8px;`
Add language icon to language button The sidebar currently uses mw-ui-icon so we continue this practice, however we provide a general rule to ensure all icons rendered through it default to 20x20. This didn't impact the side bar icon as that already specifies a height of 20px. Bug: T268241 Change-Id: I6f8e8400da048a97cbf59c3e6ad918763fc91041 2021-02-01 22:56:31 +00:00			`}`