21434: Adjusted the on page table of contents to show only the final segment for classes and methods at each level

source/_static/css/custom.css

@@ -1,24 +1,33 @@
 /* Limit height of brand logo */
 .navbar-brand .logo__image {
-    height: 32px;
+  height: 32px;
 }
 
 /** Correct API Reference styles where signatures are very long **/
 /* Newlines (\a) and spaces (\20) before each parameter */
 .sig.sig-wrap .sig-param::before {
-    content: "\a\20\20\20";
-    white-space: pre;
+  content: "\a\20\20\20";
+  white-space: pre;
 }
 /* Newline after the last parameter (so the closing parenthesis is on a new line) */
 .sig.sig-wrap .sig-param:last-of-type::after {
-    content: "\a";
-    white-space: pre;
+  content: "\a";
+  white-space: pre;
 }
 /* Break up signatures where the package path is very long */
 .sig.sig-wrap .sig-prename {
-    word-break: break-word;
-    overflow-wrap: break-word;
+  word-break: break-word;
+  overflow-wrap: break-word;
 }
 .sig.sig-wrap .sig-prename span.pre {
-    white-space: normal;
+  white-space: normal;
+}
+
+/* page-sidebar-secondary.js support */
+html.js .sidebar-secondary-items {
+  opacity: 0;
+}
+
+html.js .sidebar-secondary-items.opacity-100 {
+  opacity: 100;
 }

source/_static/js/html-js-class.js

@@ -0,0 +1,4 @@
+"use strict";
+(function () {
+  document.querySelector("html").classList.add("js");
+})();

source/_static/js/page-sidebar-secondary.js

@@ -0,0 +1,39 @@
+"use strict";
+
+document.addEventListener("DOMContentLoaded", () => {
+  const sidebarSecondaryItems = document.querySelector(
+    ".sidebar-secondary-items"
+  );
+  if (!sidebarSecondaryItems) {
+    return;
+  }
+
+  // Format Table Of Contents
+  (() => {
+    const tableOfContents = sidebarSecondaryItems.querySelector("nav.page-toc");
+    if (!tableOfContents) {
+      return;
+    }
+
+    // Truncate table of content's that have '.' notations to their final entry
+    const internalLinks =
+      tableOfContents.querySelectorAll(".internal.nav-link");
+    internalLinks.forEach((link) => {
+      const pre = link.querySelector(".pre");
+      if (
+        !pre ||
+        !pre.textContent ||
+        // Avoid adjusting any items that are language like
+        !pre.textContent.match(/^[\w\d-.\(\)]*$/)
+      ) {
+        return;
+      }
+      const parts = pre.textContent.split(".");
+      if (parts.length > 1) {
+        pre.innerHTML = "." + parts.pop();
+      }
+    });
+  })();
+
+  sidebarSecondaryItems.classList.add("opacity-100");
+});

source/_templates/layout.html

@@ -1,7 +1,14 @@
-{% extends "!layout.html" %}
-{% block extrahead %}
-    <link rel="icon" type="image/svg+xml" href="/_static/favicon.svg">
-    <link rel="mask-icon" href="/_static/favicon.svg">
-    <link rel="stylesheet" href="https://cdn.howso.com/fonts/inter/3.19/typeface.css">
-    <script src="https://cdn.usefathom.com/script.js" data-site="IXEHVNCB" data-honor-dnt="true" defer></script>
+{% extends "!layout.html" %} {% block extrahead %}
+<link rel="icon" type="image/svg+xml" href="/_static/favicon.svg" />
+<link rel="mask-icon" href="/_static/favicon.svg" />
+<link
+  rel="stylesheet"
+  href="https://cdn.howso.com/fonts/inter/3.19/typeface.css"
+/>
+<script
+  src="https://cdn.usefathom.com/script.js"
+  data-site="IXEHVNCB"
+  data-honor-dnt="true"
+  defer
+></script>
 {% endblock %}

source/conf.py

@@ -85,7 +85,7 @@
     "css/theme.css",
     "css/custom.css",
 ]
-html_js_files = ["js/icon.js"]
+html_js_files = ["js/html-js-class.js", "js/icon.js", "js/page-sidebar-secondary.js"]
 
 master_doc = "index"