docs(sidebar): Link size and unlink hostname

tony · tony · commit a4f09c82fe5b · 2022-04-25T22:51:41.000-05:00
diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css
@@ -1,25 +1,23 @@
 h2 {
-  font-size: 2rem;
   margin-bottom: 1.25rem;
   margin-top: 1.25rem;
   scroll-margin-top: 0.5rem;
 }
 
 h3 {
-  font-size: 1.5rem;
   margin-bottom: 1.25rem;
   margin-top: 1.25rem;
   scroll-margin-top: 0.5rem;
 }
 
 h4 {
-  font-size: 1.25rem;
   margin-bottom: 1.25rem;
   scroll-margin-top: 0.5rem;
 }
 
 .sidebar-tree p.indented-block {
-  padding: var(--sidebar-item-spacing-vertical) var(--sidebar-item-spacing-horizontal) 0 var(--sidebar-item-spacing-horizontal);
+  padding: var(--sidebar-item-spacing-vertical) var(--sidebar-item-spacing-horizontal) 0
+    var(--sidebar-item-spacing-horizontal);
   margin-bottom: 0;
 }
 
@@ -28,13 +26,12 @@ h4 {
   display: block;
 }
 
-.sidebar-tree p.indented-block > :not(.project-name) {
-  font-size: var(--toc-font-size);
-}
-
 .sidebar-tree p.indented-block .project-name {
   font-size: var(--sidebar-item-font-size);
   font-weight: bold;
   margin-right: calc(var(--sidebar-item-spacing-horizontal) / 2.5);
 }
 
+.sidebar-tree .active {
+  font-weight: bold;
+}
diff --git a/docs/_templates/sidebar/projects.html b/docs/_templates/sidebar/projects.html
@@ -1,4 +1,4 @@
-<div class="sidebar-tree projects">
+<div class="sidebar-tree projects" id="sidebar-projects">
   <p class="caption" role="heading">
     <span class="caption-text"
       >team git-pull / <a href="https://www.git-pull.com/">Tony Narlock</a></span
@@ -29,3 +29,18 @@
     </span>
   </p>
 </div>
+<script type="text/javascript">
+(() => {
+  console.log(window.location.hostname)
+  const sidebar = document.getElementById("sidebar-projects")
+  sidebar.querySelectorAll(`a[href*="${window.location.hostname}"]`)
+    .forEach((link) => {
+      if (!link.classList.contains("active")) {
+        const d = document.createElement('span');
+        d.innerHTML = link.innerHTML;
+        d.classList.add("active");
+        link.parentNode.replaceChild(d, link);
+      }
+    });
+})()
+</script>
