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__card citizen-menu-checkbox-target">
		<header class="citizen-drawer__header">
			{{>Drawer__logo}}
			<div class="citizen-drawer__siteinfo">
				{{#data-site-stats}}{{>SiteStats}}{{/data-site-stats}}
				<div class="mw-logo-wordmark">{{msg-sitetitle}}</div>
			</div>
		</header>
		{{#data-main-menu}}
			{{>MainMenu}}
		{{/data-main-menu}}
	</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 }}`
perf(core): ⚡️ consolidate citizen-menu card shared styles 2024-05-28 02:47:46 +00:00			`<aside id="citizen-drawer__card" class="citizen-drawer__card citizen-menu__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">`
feat(components): rewrite template data partials into CitizenComponent components (#846) - Refactor existing template data-related partials into CitizenComponent components - Re-implement user menu header as UserInfo - Add description text for anon and temp user in UserMenu --------- Co-authored-by: github-actions <github-actions@users.noreply.github.com> 2024-05-15 05:24:43 +00:00			`{{#data-site-stats}}{{>SiteStats}}{{/data-site-stats}}`
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): ♻️ rename sidebar data to main menu 2024-05-08 20:47:46 +00:00			`{{#data-main-menu}}`
feat(components): rewrite template data partials into CitizenComponent components (#846) - Refactor existing template data-related partials into CitizenComponent components - Re-implement user menu header as UserInfo - Add description text for anon and temp user in UserMenu --------- Co-authored-by: github-actions <github-actions@users.noreply.github.com> 2024-05-15 05:24:43 +00:00			`{{>MainMenu}}`
refactor(core): ♻️ rename sidebar data to main menu 2024-05-08 20:47:46 +00:00			`{{/data-main-menu}}`
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>`