mediawiki-skins-Citizen/templates/Drawer.mustache
alistair3149 1df223abfa
feat(core): update menu to be more inlined with MW core
* Use label instead of h3 for menu headings
* Rename portals to portlets according to core
* Replace label-class with heading-class
* Use has-label to hide labels instead of adding screen reader class
2022-05-18 17:14:24 -04:00

28 lines
971 B
Plaintext

{{!
string msg-citizen-drawer-toggle The label used by the drawer button.
string msg-sitesubtitle the contents of the sitesubtitle message key
}}
<div class="citizen-drawer citizen-header__item mw-checkbox-hack-container">
<input
type="checkbox"
id="citizen-drawer__checkbox"
class="mw-checkbox-hack-checkbox"
role="button"
aria-labelledby="citizen-drawer__buttonCheckbox"
aria-haspopup="true">
{{! ID needed for a11y and checkbox hack }}
<aside id="citizen-drawer__card" class="citizen-drawer__card mw-checkbox-hack-target">
<header class="citizen-drawer__header">
{{>Drawer__logo}}
<div class="citizen-drawer__siteinfo">
{{>Drawer__siteStats}}
<div class="mw-logo-wordmark">{{msg-sitetitle}}</div>
</div>
</header>
<section class="citizen-drawer__menu">
{{#data-portlets-first}}{{>Menu}}{{/data-portlets-first}}
{{#array-portlets-rest}}{{>Menu}}{{/array-portlets-rest}}
</section>
</aside>
{{>Drawer__button}}
</div>