mediawiki-skins-Citizen/templates/PersonalMenu.mustache
alistair3149 86150d492d
refactor(core): clean up checkboxHack implementation
Mostly based on Vector 2022. Now we target checkbox hacks by the HTML classes
.mw-checkbox-hack-TYPE instead of defining each individually, which would
make it more scalable.
2022-05-12 22:37:28 -04:00

23 lines
866 B
Plaintext

{{!
string msg-citizen-personalmenu-toggle The label used by the personal menu button.
}}
<div class="citizen-personalMenu citizen-header__item mw-checkbox-hack-container">
<input
type="checkbox"
id="citizen-personalMenu__checkbox"
class="mw-checkbox-hack-checkbox"
role="button"
aria-labelledby="citizen-personalMenu__buttonCheckbox"
aria-haspopup="true">
<aside id="citizen-personalMenu__card" class="citizen-personalMenu__card mw-checkbox-hack-target">
{{#data-personal-menu-list}}{{>Menu}}{{/data-personal-menu-list}}
</aside>
<label
id="citizen-personalMenu__buttonCheckbox"
class="mw-checkbox-hack-button citizen-header__button citizen-header__button--icon"
for="citizen-personalMenu__checkbox"
title="{{msg-citizen-personalmenu-toggle}}"
aria-hidden="true">
<span>{{msg-citizen-personalmenu-toggle}}</span>
</label>
</div>