mediawiki-skins-Citizen/templates/Drawer.mustache

{{!
	string msg-citizen-drawer-toggle The label used by the drawer button.
	string msg-sitetitle the contents of the sitesubtitle message key
}}
<div class="citizen-drawer citizen-header__item citizen-menu-checkbox-container">
	<input 
		type="checkbox" 
		id="citizen-drawer__checkbox" 
		class="citizen-menu-checkbox-checkbox"
		role="button"
		aria-labelledby="citizen-drawer__buttonCheckbox"
		aria-haspopup="true">
	{{>Drawer__button}}
	{{! ID needed for a11y and checkbox hack }}
	<aside id="citizen-drawer__card" class="citizen-drawer__card citizen-menu-checkbox-target">
		<header class="citizen-drawer__header">
			{{>Drawer__logo}}
			<div class="citizen-drawer__siteinfo">
				{{#data-sitestats}}{{>Drawer__siteStats}}{{/data-sitestats}}
				<div class="mw-logo-wordmark">{{msg-sitetitle}}</div>
			</div>
		</header>
		{{#data-portlets-sidebar}}
		<section class="citizen-drawer__menu">
			{{#data-portlets-first}}{{>Menu}}{{/data-portlets-first}}
			{{#array-portlets-rest}}{{>Menu}}{{/array-portlets-rest}}
		</section>
		{{/data-portlets-sidebar}}
	</aside>
</div>
Refactor header DOM structure - Reduced unnessecary HTML elements - Stanardized class and IDs - Switch to fix header due to performance concern - Rewrote over-qualified CSS selectors - Started rework on file organizations 2020-06-07 05:30:54 +00:00			`{{!`
			`string msg-citizen-drawer-toggle The label used by the drawer button.`
refactor(core): clean up polyfilled Mustache template data Clean up Mustache-related polyfill for 1.35 against 1.39, in preparation of the 1.39 refactor 2022-05-26 21:33:59 +00:00			`string msg-sitetitle the contents of the sitesubtitle message key`
Refactor header DOM structure - Reduced unnessecary HTML elements - Stanardized class and IDs - Switch to fix header due to performance concern - Rewrote over-qualified CSS selectors - Started rework on file organizations 2020-06-07 05:30:54 +00:00			`}}`
refactor(core): ♻️ rename mw-checkbox-hack class to citizen-menu-checkbox 2023-01-26 01:25:40 +00:00			`<div class="citizen-drawer citizen-header__item citizen-menu-checkbox-container">`
refactor(core): move checkboxHack checkboxes into container 2022-05-10 15:15:34 +00:00			`<input`
			`type="checkbox"`
			`id="citizen-drawer__checkbox"`
refactor(core): ♻️ rename mw-checkbox-hack class to citizen-menu-checkbox 2023-01-26 01:25:40 +00:00			`class="citizen-menu-checkbox-checkbox"`
feat(core): update checkboxHack API 2022-05-12 01:32:36 +00:00			`role="button"`
			`aria-labelledby="citizen-drawer__buttonCheckbox"`
			`aria-haspopup="true">`
feat(core): ✨ use MW core checkboxHack instead We no longer need to emulate the same feature when it is in core 2023-01-26 00:40:52 +00:00			`{{>Drawer__button}}`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`{{! ID needed for a11y and checkbox hack }}`
refactor(core): ♻️ rename mw-checkbox-hack class to citizen-menu-checkbox 2023-01-26 01:25:40 +00:00			`<aside id="citizen-drawer__card" class="citizen-drawer__card citizen-menu-checkbox-target">`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`<header class="citizen-drawer__header">`
			`{{>Drawer__logo}}`
			`<div class="citizen-drawer__siteinfo">`
refactor(core): ♻️ use core sidebar data 2022-10-05 02:20:29 +00:00			`{{#data-sitestats}}{{>Drawer__siteStats}}{{/data-sitestats}}`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`<div class="mw-logo-wordmark">{{msg-sitetitle}}</div>`
feat: revamp drawer header * wgLogo is always visible in the drawer * Increase the size of wiki name * Sitestats will now format large numbers into human readable formats (e.g. 12.2K, 3M, etc.) * Sitestats now use icons instead of text as labels * Remove wordmark for now, will revisit later 2022-04-23 05:06:07 +00:00			`</div>`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`</header>`
refactor(core): ♻️ use core sidebar data 2022-10-05 02:20:29 +00:00			`{{#data-portlets-sidebar}}`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`<section class="citizen-drawer__menu">`
refactor(core): ♻️ drop getPorletData usage in drawer 2022-10-03 02:31:40 +00:00			`{{#data-portlets-first}}{{>Menu}}{{/data-portlets-first}}`
			`{{#array-portlets-rest}}{{>Menu}}{{/array-portlets-rest}}`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`</section>`
refactor(core): ♻️ use core sidebar data 2022-10-05 02:20:29 +00:00			`{{/data-portlets-sidebar}}`
refactor(core): clean up drawer implementation This is a part of the site header refactor * Use relative units * Add title to toggle button * Remove unnessecary CSS * Rewrite HTML classes * Temporary remove drawer subsearch, it will be re-explored in a later patch 2022-05-10 00:23:42 +00:00			`</aside>`
			`</div>`