mediawiki-skins-Citizen/templates/TableOfContents__line.mustache

<li id="toc-{{anchor}}"
	class="citizen-toc-list-item citizen-toc-level-{{toclevel}}">
	{{! 
		^linkAnchor anchor /linkAnchor is needed for MW 1.39 compatability
	}}
	<a class="citizen-toc-link" href="#{{linkAnchor}}{{^linkAnchor}}{{anchor}}{{/linkAnchor}}">
		<div class="citizen-toc-indicator"></div>
		<div class="citizen-toc-content">
			<div class="citizen-toc-text">
				<span class="citizen-toc-numb">{{number}}</span>
				<span class="citizen-toc-heading">{{{line}}}</span>
			</div>
			{{#html-summary}}<div class="citizen-toc-summary">{{{.}}}</div>{{/html-summary}}
		</div>
	</a>
	{{#is-top-level-section}}{{#is-parent-section}}
		<button aria-controls="toc-{{anchor}}-sublist" class="citizen-toc-toggle">
			<span class="citizen-ui-icon mw-ui-icon-wikimedia-collapse"></span>
			<span>{{{citizen-button-label}}}</span>
		</button>
	{{/is-parent-section}}{{/is-top-level-section}}
	<ul id="toc-{{anchor}}-sublist" class="citizen-toc-list">
		{{#array-sections}}
		{{>TableOfContents__line}}
		{{/array-sections}}
	</ul>
</li>
refactor(core): ♻️ pre-work to allow Citizen to render ToC 2022-10-06 17:45:23 +00:00			`<li id="toc-{{anchor}}"`
refactor(core): ♻️ clean up ToC classes Clean up the CSS class name to follow the MW CSS coding conventions. The structure is refactored to be similar to Vector for easier maintainenace. 2024-09-10 21:36:53 +00:00			`class="citizen-toc-list-item citizen-toc-level-{{toclevel}}">`
feat(toc): ✨ switch to ToC implementation based on Vector 2022 This will serve as the groundwork of merging the intersection observers and collapsible toc in the future. 2024-09-10 22:28:12 +00:00			`{{!`
			`^linkAnchor anchor /linkAnchor is needed for MW 1.39 compatability`
			`}}`
			`<a class="citizen-toc-link" href="#{{linkAnchor}}{{^linkAnchor}}{{anchor}}{{/linkAnchor}}">`
refactor(core): ♻️ clean up ToC classes Clean up the CSS class name to follow the MW CSS coding conventions. The structure is refactored to be similar to Vector for easier maintainenace. 2024-09-10 21:36:53 +00:00			`<div class="citizen-toc-indicator"></div>`
feat(toc): ✨ add wrapper for TOC link to hold summary Some extensions such as DiscussionTools add summary to the ToC item. We should add styles to support that 2024-10-23 02:51:45 +00:00			`<div class="citizen-toc-content">`
			`<div class="citizen-toc-text">`
			`<span class="citizen-toc-numb">{{number}}</span>`
			`<span class="citizen-toc-heading">{{{line}}}</span>`
			`</div>`
fix(toc): 🐛 incorrect closing tag for toc summary 2024-10-23 03:30:32 +00:00			`{{#html-summary}}<div class="citizen-toc-summary">{{{.}}}</div>{{/html-summary}}`
feat(core): ✨ add desktop styles for toc 2022-10-12 16:44:05 +00:00			`</div>`
refactor(core): ♻️ pre-work to allow Citizen to render ToC 2022-10-06 17:45:23 +00:00			`</a>`
feat(toc): ✨ allow ToC to be collapsible Using the same implementation as Vector 2022 Closes: #556 2024-09-10 23:32:49 +00:00			`{{#is-top-level-section}}{{#is-parent-section}}`
			`<button aria-controls="toc-{{anchor}}-sublist" class="citizen-toc-toggle">`
			`<span class="citizen-ui-icon mw-ui-icon-wikimedia-collapse"></span>`
			`<span>{{{citizen-button-label}}}</span>`
			`</button>`
			`{{/is-parent-section}}{{/is-top-level-section}}`
refactor(core): ♻️ clean up ToC classes Clean up the CSS class name to follow the MW CSS coding conventions. The structure is refactored to be similar to Vector for easier maintainenace. 2024-09-10 21:36:53 +00:00			`<ul id="toc-{{anchor}}-sublist" class="citizen-toc-list">`
refactor(core): ♻️ pre-work to allow Citizen to render ToC 2022-10-06 17:45:23 +00:00			`{{#array-sections}}`
			`{{>TableOfContents__line}}`
			`{{/array-sections}}`
			`</ul>`
fix(toc): 🐛 incorrect closing tag for toc summary 2024-10-23 03:30:32 +00:00			`</li>`