hibby
/
PaperModX
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

toc: look cool 

- improve toc styling
    - make collapsable
This commit is contained in:
Aditya Telange 2020-07-24 23:53:25 +05:30
parent 984d1a576c
commit 16b98dc8f9
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/main.css
View File

@ -47,7 +47,13 @@
} }
.toc { .toc {
border-bottom: 1px solid var(--border); margin-bottom: 40px;
font-size: 20px; border: 1px solid var(--border);
border-radius: 4px;
padding: .5em;
}
.toc .details {
display: inline;
font-weight: 500; font-weight: 500;
} }

8
layouts/_default/single.html
View File

@ -13,10 +13,16 @@
</div> </div>
</header> </header>
{{ if .Params.ShowToc }} {{ if .Params.ShowToc }}
<div class="toc">
<details>
<summary>
<div class="details">Table of Contents</div>
</summary>
<blockquote> <blockquote>
<div class="toc">Table of Contents</div>
{{ .TableOfContents }} {{ .TableOfContents }}
</blockquote> </blockquote>
</details>
</div>
{{ end }} {{ end }}
<div class="post-content">{{ .Content }}</div> <div class="post-content">{{ .Content }}</div>
{{- if .Params.tags }} {{- if .Params.tags }}