wikimedia/mediawiki-skins-MinervaNeue
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue synced 2024-11-15 02:13:49 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-MinervaNeue/includes/Skins/Header.mustache

35 lines
1.2 KiB
Plaintext
Raw Normal View History

Move the form element in Minerva's header and apply core checkbox hack consistently to toggle lists - Factors out Header and SearchBox partials Bug: T294164 Depends-on: I16d1dfba1b6d0745afff14f1b79586bb17ecdd69 Change-Id: I997f3c2de5cf813db63220580e7cb3fe09aa6932
2021-12-15 22:59:11 +00:00
<header class="header-container header-chrome">
<div class="minerva-header">
<nav class="navigation-drawer toggle-list view-border-box">
<input type="checkbox" id="main-menu-input" class="toggle-list__checkbox" role="button" aria-haspopup="true" aria-expanded="false" aria-labelledby="mw-mf-main-menu-button">
[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
{{#data-minerva-main-menu-btn}}{{>Button}}{{/data-minerva-main-menu-btn}}
Move the form element in Minerva's header and apply core checkbox hack consistently to toggle lists - Factors out Header and SearchBox partials Bug: T294164 Depends-on: I16d1dfba1b6d0745afff14f1b79586bb17ecdd69 Change-Id: I997f3c2de5cf813db63220580e7cb3fe09aa6932
2021-12-15 22:59:11 +00:00
{{#data-minerva-main-menu}}{{>menu}}{{/data-minerva-main-menu}}
<label class="main-menu-mask" for="main-menu-input"></label>
</nav>
<div class="branding-box">
<a href="{{link-mainpage}}">
{{#data-logos}}
<span>{{>Logo}}</span>
{{/data-logos}}
{{#is-minerva-beta}}<sup>&beta;</sup>{{/is-minerva-beta}}
</a>
</div>
[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
{{#data-minerva-search-box}}
Move the form element in Minerva's header and apply core checkbox hack consistently to toggle lists - Factors out Header and SearchBox partials Bug: T294164 Depends-on: I16d1dfba1b6d0745afff14f1b79586bb17ecdd69 Change-Id: I997f3c2de5cf813db63220580e7cb3fe09aa6932
2021-12-15 22:59:11 +00:00
{{>SearchBox}}
[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
{{/data-minerva-search-box}}
Move the form element in Minerva's header and apply core checkbox hack consistently to toggle lists - Factors out Header and SearchBox partials Bug: T294164 Depends-on: I16d1dfba1b6d0745afff14f1b79586bb17ecdd69 Change-Id: I997f3c2de5cf813db63220580e7cb3fe09aa6932
2021-12-15 22:59:11 +00:00
<nav class="minerva-user-navigation" aria-label="{{msg-minerva-user-navigation}}">
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
{{#data-minerva-notifications}}
<div class="minerva-notifications">
<ul>
{{#array-buttons}}
<li>{{>Button}}</li>
{{/array-buttons}}
</ul>
Move the form element in Minerva's header and apply core checkbox hack consistently to toggle lists - Factors out Header and SearchBox partials Bug: T294164 Depends-on: I16d1dfba1b6d0745afff14f1b79586bb17ecdd69 Change-Id: I997f3c2de5cf813db63220580e7cb3fe09aa6932
2021-12-15 22:59:11 +00:00
</div>
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
{{/data-minerva-notifications}}
Move the form element in Minerva's header and apply core checkbox hack consistently to toggle lists - Factors out Header and SearchBox partials Bug: T294164 Depends-on: I16d1dfba1b6d0745afff14f1b79586bb17ecdd69 Change-Id: I997f3c2de5cf813db63220580e7cb3fe09aa6932
2021-12-15 22:59:11 +00:00
{{#html-minerva-user-menu}}{{{html-minerva-user-menu}}}{{/html-minerva-user-menu}}
</nav>
</div>
</header>
Reference in a new issue Copy permalink