tomoyanonymous/quartz-research-note
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add a collapsible ToC

Browse Source
This commit is contained in:
meleu 2022-04-03 22:12:55 -03:00
parent 99e4fb786d
commit fc342fe8a3
4 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
assets/styles/base.scss
View File

@ -23,6 +23,23 @@ p, ul, text {
padding: revert; 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 { #TableOfContents > ol {
counter-reset: section; counter-reset: section;
margin-left: 0em; margin-left: 0em;

1
data/config.yaml
View File

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

6
layouts/_default/single.html
View File

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

6
layouts/index.html
View File

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