mediawiki-skins-MinervaNeue/includes/Skins/Button.mustache

<{{^tag-name}}button{{/tag-name}}{{#tag-name}}{{.}}{{/tag-name}}
	{{#tag-name}}role="button"{{/tag-name}}
    {{#array-attributes}}{{key}}="{{value}}"{{/array-attributes}}
    class="cdx-button cdx-button--size-large{{#tag-name}} cdx-button--fake-button cdx-button--fake-button--enabled{{/tag-name}}{{#data-icon}} cdx-button--icon-only cdx-button--weight-quiet{{/data-icon}}{{#classes}} {{.}}{{/classes}}">
    {{#data-icon}}{{>Icon}}{{/data-icon}}<span>{{ label }}</span>
</{{^tag-name}}button{{/tag-name}}{{#tag-name}}{{.}}{{/tag-name}}>
[Icons] Main menu, secondary actions and search icon are built via templates Bug: T342908 Change-Id: I30195583b35d3966d5f221241e21a0ef165a450e 2023-07-24 22:12:24 +00:00			`<{{^tag-name}}button{{/tag-name}}{{#tag-name}}{{.}}{{/tag-name}}`
Clean up setIcon now that classes and icon types are removed Bug: T319260 Change-Id: I354dafd6bea92ef61f6d25b5943ef9d933daa2a0 2023-08-17 21:44:34 +00:00			`{{#tag-name}}role="button"{{/tag-name}}`
Echo uses Button template Changes * Update FIXME in userMenu.less to merge selectors * We replace minerva-user-notifications class with minerva-notifications to short-circuit Echo's code so that it no longer replaces the Minerva notification badge with its own. * We update resources/skins.minerva.scripts/initMobile.js to introduce our own wire up code - this is responsible for opening Echo overlay and reseting the counter. The code in Echo will be removed in a follow up (see <I2f923e509d24524a2375ffbe6b3ef336487574bb>) * We update skinStyles/ext.echo.styles.badge.less with styles from Vector 2022 so that Minerva desktop remains consistent with desktop Vector 2022 experience. * We clearly mark technical debt relating to the special mobile version. Testing: * Pixel.js has a group echo that covers all the different variants. Make sure to update to latest main branch before running these. * Desktop should behave the same for Minerva as Echo. * On mobile only when a user has unseen notifications a red circle is shown. Otherwise a bell icon is shown, never with number. * On mobile a single button is visible that combines alert and count numbers. * With Echo disabled a bell shows that links to the user talk page Visual changes: * Previously the red circle became a transparent/gray circle on click. Now it will always be red. * Minor aligment changes to red circle and bell icon are expected as the change prevents MobileFrontend/Echo updating the icon to use Codex. Bug: T342907 Change-Id: I55c18cf723a32f80b93a01dd0687e005162c4e93 2023-08-01 00:12:59 +00:00			`{{#array-attributes}}{{key}}="{{value}}"{{/array-attributes}}`
Switch Minerva button template to use Codex and remove mw-ui-button - Removes 'mw-ui-icon-with-label-desktop' as that is now the default behavior for icon only buttons in Minerva - Removes icon flushing classes, use codex mixins instead 80 Visual changes relating to minor icon/button subpixel changes in the heading, edit section links, and page actions Bug: T319260 Change-Id: I503b643d33e43196483af4b5f9dd312237322ac8 2023-08-09 21:49:19 +00:00			`class="cdx-button cdx-button--size-large{{#tag-name}} cdx-button--fake-button cdx-button--fake-button--enabled{{/tag-name}}{{#data-icon}} cdx-button--icon-only cdx-button--weight-quiet{{/data-icon}}{{#classes}} {{.}}{{/classes}}">`
			`{{#data-icon}}{{>Icon}}{{/data-icon}}<span>{{ label }}</span>`
[Icons] Main menu, secondary actions and search icon are built via templates Bug: T342908 Change-Id: I30195583b35d3966d5f221241e21a0ef165a450e 2023-07-24 22:12:24 +00:00			`</{{^tag-name}}button{{/tag-name}}{{#tag-name}}{{.}}{{/tag-name}}>`