docfx: expandable inherited members

Author: Jani Giannoudis

docfx/templates/darkerfx/styles/toggle-theme.js

@@ -1,26 +1,32 @@
 // Collapse inherited members section
 document.addEventListener("DOMContentLoaded", function () {
-    document.querySelectorAll("h3, h2").forEach(function (heading) {
-        if (heading.textContent.trim() === "Inherited Members") {
-            var list = heading.nextElementSibling;
-            if (!list) return;
-
-            heading.style.cursor = "pointer";
-            heading.style.userSelect = "none";
-
-            var indicator = document.createElement("span");
-            indicator.className = "inherited-toggle";
-            indicator.textContent = " ▶";
-            heading.appendChild(indicator);
-
-            list.style.display = "none";
-
-            heading.addEventListener("click", function () {
-                var collapsed = list.style.display === "none";
-                list.style.display = collapsed ? "" : "none";
-                indicator.textContent = collapsed ? " ▼" : " ▶";
-            });
+    document.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(function (heading) {
+        if (heading.textContent.trim().replace(/\s+/g, ' ') !== "Inherited Members") return;
+
+        // find the next sibling that is a list or div (skip hr etc.)
+        var list = heading.nextElementSibling;
+        while (list && list.tagName === "HR") {
+            list = list.nextElementSibling;
         }
+        if (!list) return;
+
+        heading.style.cursor = "pointer";
+        heading.style.userSelect = "none";
+
+        var indicator = document.createElement("span");
+        indicator.className = "inherited-toggle";
+        indicator.style.marginLeft = "6px";
+        indicator.style.fontSize = ".8em";
+        indicator.textContent = "▶";
+        heading.appendChild(indicator);
+
+        list.style.display = "none";
+
+        heading.addEventListener("click", function () {
+            var collapsed = list.style.display === "none";
+            list.style.display = collapsed ? "" : "none";
+            indicator.textContent = collapsed ? "▼" : "▶";
+        });
     });
 });