fix: output the TOC inside post content if the sidebar is disabled (#800

) Fix #798
razonyang · Nov 17, 2022 · fe449ea · fe449ea
1 parent c145476
commit fe449ea
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/assets/main/js/index.ts b/assets/main/js/index.ts
@@ -25,7 +25,7 @@ app.attach(
   new TableWrapper(document.querySelectorAll('table')),
   new Docs(),
   new FormValidator(),
-  new TOC('#post-toc-container', '#TableOfContents'),
+  new TOC('#post-toc-container', '.sidebar #TableOfContents'),
   new Game(),
   ...components
 );

diff --git a/layouts/partials/post/toc-wrapper.html b/layouts/partials/post/toc-wrapper.html
@@ -1,6 +1,12 @@
 {{- if partial "functions/toc" . -}}
-<div id="postTOC" class="mt-2 mb-4 d-block d-xxl-none">
+{{ $withoutSidebar := eq .Params.sidebar false }}
+<div id="postTOC" class="mt-2 mb-4{{ if not $withoutSidebar }} d-block d-xxl-none{{ end }}">
     <h2 class="text-surface mb-3">{{ i18n "table_of_contents" }}</h2>
-    <div id="post-toc-container"></div>
+    <div id="post-toc-container">
+        {{/* Output the TOC if sidebar is disabled. */}}
+        {{- if $withoutSidebar }}
+            {{- .TableOfContents -}}
+        {{ end -}}
+    </div>
 </div>
 {{- end -}}