add a collapsible ToC

This commit is contained in:
meleu 2022-04-03 22:12:55 -03:00
parent 1d9c0e4a44
commit a287d11246
4 changed files with 26 additions and 4 deletions

View file

@ -23,6 +23,23 @@ p, ul, text {
padding: revert;
}
.mainTOC {
background: var(--lightgray);
border-radius: 8px;
padding: 0.8em;
}
.mainTOC details summary {
cursor: zoom-in;
font-family: Inter;
color: var(--dark);
font-weight: 700;
}
.mainTOC details[open] summary {
cursor: zoom-out;
}
#TableOfContents > ol {
counter-reset: section;
margin-left: 0em;

View file

@ -1,5 +1,6 @@
name: Jacky Zhao
enableToc: true
openToc: false
enableLinkPreview: true
enableLatex: true
description:

View file

@ -24,8 +24,10 @@
</ul>
{{ if (and $.Site.Data.config.enableToc (ne .Params.enableToc false)) }}
<aside class="mainTOC">
<h3>Table of Contents</h3>
{{ .TableOfContents }}
<details {{ if $.Site.Data.config.openToc }}open {{ end }}>
<summary>Table of Contents</summary>
{{ .TableOfContents }}
</details>
</aside>
{{end}}
{{partial "textprocessing.html" . }}

View file

@ -15,8 +15,10 @@
<article>
{{ if (and $.Site.Data.config.enableToc (ne .Params.enableToc false)) }}
<aside class="mainTOC">
<h3>Table of Contents</h3>
{{ .TableOfContents }}
<details {{ if $.Site.Data.config.openToc }}open {{ end }}>
<summary>Table of Contents</summary>
{{ .TableOfContents }}
</details>
</aside>
{{end}}
{{partial "textprocessing.html" . }}