svemagie/blog-eleventy-indiekit
1
0
Fork 0
mirror of https://github.com/svemagie/blog-eleventy-indiekit.git synced 2026-04-02 16:44:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: hide TOC widget wrapper when no headings found

Browse Source 
When tocScanner finds no .e-content or fewer than 3 headings,
hide the parent .widget-collapsible container so the empty
collapsible chrome (header button, border) doesn't show.

Confab-Link: http://localhost:8080/sessions/cc343b15-8d10-43cd-a48f-ca912eb79b83
This commit is contained in:
Ricardo
2026-03-11 14:13:57 +01:00
parent e1aa8cb762
commit 61db75bd76
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
js/toc-scanner.js
View File

@@ -11,10 +11,10 @@ document.addEventListener("alpine:init", () => {
init() {
const content = document.querySelector(".e-content");
if (!content) return;
if (!content) { this._hideWrapper(); return; }
const headings = content.querySelectorAll("h2[id], h3[id], h4[id]");
if (headings.length < 3) return;
if (headings.length < 3) { this._hideWrapper(); return; }
this.items = Array.from(headings).map((h) => ({
id: h.id,
@@ -39,6 +39,11 @@ document.addEventListener("alpine:init", () => {
headings.forEach((h) => this._observer.observe(h));
},
_hideWrapper() {
const wrapper = this.$root.closest(".widget-collapsible");
if (wrapper) wrapper.style.display = "none";
},
destroy() {
if (this._observer) this._observer.disconnect();
},