mediawiki-skins-Citizen/templates/Drawer.mustache

{{!
	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">
	<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-portals-first}}{{>Menu}}{{/data-portals-first}}
			{{#array-portals-rest}}{{>Menu}}{{/array-portals-rest}}
			{{#data-portals-languages}}{{>Menu}}{{/data-portals-languages}}
		</section>
	</aside>
	{{>Drawer__button}}
</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.`
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			`string msg-sitesubtitle 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): 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="citizen-drawer citizen-header__item">`
refactor(core): move checkboxHack checkboxes into container 2022-05-10 15:15:34 +00:00			`<input`
			`type="checkbox"`
			`id="citizen-drawer__checkbox"`
feat(core): update checkboxHack API 2022-05-12 01:32:36 +00:00			`class="mw-checkbox-hack-checkbox"`
			`role="button"`
			`aria-labelledby="citizen-drawer__buttonCheckbox"`
			`aria-haspopup="true">`
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 }}`
feat(core): update checkboxHack API 2022-05-12 01:32:36 +00:00			`<aside id="citizen-drawer__card" class="citizen-drawer__card mw-checkbox-hack-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">`
			`{{>Drawer__siteStats}}`
			`<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>`
			`<section class="citizen-drawer__menu">`
			`{{#data-portals-first}}{{>Menu}}{{/data-portals-first}}`
			`{{#array-portals-rest}}{{>Menu}}{{/array-portals-rest}}`
			`{{#data-portals-languages}}{{>Menu}}{{/data-portals-languages}}`
			`</section>`
			`</aside>`
			`{{>Drawer__button}}`
			`</div>`