mediawiki-skins-Vector/includes/templates/TableOfContents__topSection.mustache

<li id="toc-{{anchor}}" class="sidebar-toc-list-item sidebar-toc-level-{{toclevel}}">
	<a class="sidebar-toc-link" href="#{{anchor}}">
		<div class="sidebar-toc-text">
		<span class="sidebar-toc-numb">{{number}}</span>{{{line}}}</div>
	</a>
	{{!
	The following <ul> is placed on *one* line in order to leverage the
	CSS `:empty` selector and hide the downTriangle icon when there are no sub-sections.
	(`:empty` means no whitespace).
	}}
	<ul class="sidebar-toc-list">{{#array-sections}}{{>TableOfContents__line}}{{/array-sections}}</ul>
	<button class="mw-ui-icon mw-ui-icon-wikimedia-downTriangle mw-ui-icon-small sidebar-toc-toggle"></button>
</li>
Collapse ToC by default & expand sections when clicking section headings Collapses sub-sections in the new table of contents by default (except for non-js and reduced-motion users) and expands the sections when the top-level section link has been clicked. Refactors the `activateSection` TableOfContents methods into separate `activateSection` and `deactivateSection` functions. Adds `expandSection` and `collapseSection` methods. Adds triangle icon as a visual expand/collapsed indicator next to all ToC section headings and are hidden via CSS based on whether or not the section contains subsections. Adds test for tableOfContents. Bug: T299361 Change-Id: I36b3ae7f9f633877683bc17a9444c970d7fa7293 2022-02-07 19:20:17 +00:00			`<li id="toc-{{anchor}}" class="sidebar-toc-list-item sidebar-toc-level-{{toclevel}}">`
			`<a class="sidebar-toc-link" href="#{{anchor}}">`
			`<div class="sidebar-toc-text">`
			`<span class="sidebar-toc-numb">{{number}}</span>{{{line}}}</div>`
			`</a>`
			`{{!`
			`The following <ul> is placed on one line in order to leverage the`
			CSS `:empty` selector and hide the downTriangle icon when there are no sub-sections.
			(`:empty` means no whitespace).
			`}}`
			`<ul class="sidebar-toc-list">{{#array-sections}}{{>TableOfContents__line}}{{/array-sections}}</ul>`
Toggle ToC sections when clicking toggle button Bug: T300167 Change-Id: If1150a9e018b232da900187383aaee9c9cf331a1 2022-02-15 22:43:04 +00:00			`<button class="mw-ui-icon mw-ui-icon-wikimedia-downTriangle mw-ui-icon-small sidebar-toc-toggle"></button>`
Collapse ToC by default & expand sections when clicking section headings Collapses sub-sections in the new table of contents by default (except for non-js and reduced-motion users) and expands the sections when the top-level section link has been clicked. Refactors the `activateSection` TableOfContents methods into separate `activateSection` and `deactivateSection` functions. Adds `expandSection` and `collapseSection` methods. Adds triangle icon as a visual expand/collapsed indicator next to all ToC section headings and are hidden via CSS based on whether or not the section contains subsections. Adds test for tableOfContents. Bug: T299361 Change-Id: I36b3ae7f9f633877683bc17a9444c970d7fa7293 2022-02-07 19:20:17 +00:00			`</li>`