From 73743ced7876d29dea1b419016ed99fa68a2c6b9 Mon Sep 17 00:00:00 2001 From: luxick Date: Thu, 7 May 2026 18:56:00 +0200 Subject: [PATCH] TOC refinements --- assets/anchors.js | 24 +++++++++++++++--------- assets/layout.html | 2 +- assets/style.css | 8 ++++---- assets/toc.js | 2 +- 4 files changed, 21 insertions(+), 15 deletions(-) diff --git a/assets/anchors.js b/assets/anchors.js index 437c808..24cf4c1 100644 --- a/assets/anchors.js +++ b/assets/anchors.js @@ -1,11 +1,17 @@ (function () { - document.querySelectorAll('.content h1, .content h2, .content h3, .content h4, .content h5, .content h6').forEach(function (h) { - if (!h.id) return; - var a = document.createElement('a'); - a.href = '#' + h.id; - a.className = 'heading-anchor'; - a.setAttribute('aria-label', 'Link to this section'); - a.textContent = '#'; - h.insertBefore(a, h.firstChild); - }); + var content = document.querySelector("main"); + if (!content) return; + + var headings = content.querySelectorAll("h2, h3, h4"); + if (!headings) return + + headings.forEach(function (h) { + if (!h.id) return; + var a = document.createElement('a'); + a.href = '#' + h.id; + a.className = 'heading-anchor'; + a.setAttribute('aria-label', 'Link to this section'); + a.textContent = '#'; + h.insertBefore(a, h.firstChild); + }); }()); diff --git a/assets/layout.html b/assets/layout.html index 5847f36..12c403f 100644 --- a/assets/layout.html +++ b/assets/layout.html @@ -32,7 +32,7 @@ {{block "content" .}}{{end}} {{block "extras" .}}{{end}} diff --git a/assets/style.css b/assets/style.css index 637c1a6..573c2de 100644 --- a/assets/style.css +++ b/assets/style.css @@ -238,12 +238,12 @@ main { max-width: 100%; } -.content a.heading-anchor { +a.heading-anchor { color: var(--text-muted); margin-right: 0.4em; font-weight: normal; } -.content a.heading-anchor:hover { +a.heading-anchor:hover { color: var(--primary-hover); } @@ -550,10 +550,10 @@ hr { color: var(--link-hover); } -.toc-h2 { +.toc-h3 { padding-left: 0.8rem; } -.toc-h3 { +.toc-h4 { padding-left: 1.6rem; } diff --git a/assets/toc.js b/assets/toc.js index bc1affa..bccd179 100644 --- a/assets/toc.js +++ b/assets/toc.js @@ -2,7 +2,7 @@ var content = document.querySelector("main"); if (!content) return; - var headings = content.querySelectorAll("h1, h2, h3"); + var headings = content.querySelectorAll("h2, h3, h4"); if (headings.length < 2) return; var nav = document.createElement("nav");