al_folio_core 1.0.5 → 1.0.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 566d64497199ae021c6b80241c4bf25791fb6447a7e22ee0232fb74e2cd915bb
-  data.tar.gz: 149241d6a27b9e51737e6b437c339c270f64abc379e0c2664976c200af94fb37
+  metadata.gz: 06bef68d94bb7ef7fd6665e4aff60909a804ac2f039403dc23af465670735e0b
+  data.tar.gz: 4d2d13406b2bdb4e814d5a0b2a07762219e55767f04d4400b5adc2d2d1c9b1ec
 SHA512:
-  metadata.gz: 2eba8f9aeebd03783e40e1833ceba8990bae51bb068065603c8f9bba6d24c8286c11f14d5366021a7295cbb3e8dd5a565bbc65a752868e8dbe758d1f34a284b1
-  data.tar.gz: 6dccbdc6e0ab582dcf00a5fe0dc64ecb8418bc97f9d6051dbb214ca6a1a28f217429ca8c5d51ec0cbf472007ba4c2da1041da61d212e10c10f70bedc2723a4b4
+  metadata.gz: 9be84a54e9353e24a74b0d9618d59d0a6460f216e963694a752ae24b6e10c757e801ee09a86b7885c5d93758e8d12801a1d2513ddbc60a5f6fdec05aba67a887
+  data.tar.gz: 2b46a326939e4a12be6ec180cd36756d00bb26ba6e39f4b181a5da73dc38adc1522afae501382a65dd633aece00dc0194d7dba693ad5f33407f5f35a6f7e7949

data/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 1.0.7 - 2026-02-18
+
+- Fixed Tocbot active indicator color to use al-folio theme color instead of Tocbot default green.
+- Removed extra custom list rail styling from sidebar TOC to avoid duplicated/misaligned ridges.
+- Added frontmatter-driven TOC collapse controls via `toc.collapse` (`expanded` or `auto`) and optional `toc.collapse_depth`.
+
+## 1.0.6 - 2026-02-18
+
+- Removed unnecessary navbar menu cross-axis alignment to keep the theme toggle vertically aligned with adjacent controls.
+- Updated Tocbot sidebar styling to a Tocbot-native single-rail hierarchy (with al-folio colors) and removed custom per-link ridge markers.
+
 ## 1.0.5 - 2026-02-18
 
 - Restored right-aligned desktop navbar menu layout with explicit core-owned alignment classes.

data/_layouts/default.liquid

@@ -23,20 +23,34 @@
     <!-- Content -->
     <div class="container mt-5" role="main">
       {% if page.toc and page.toc.sidebar %}
+        {% assign toc_collapse = page.toc.collapse | default: 'expanded' %}
+        {% assign toc_collapse_depth = page.toc.collapse_depth | default: '' %}
         {% if page.toc.sidebar == 'right' %}
           <div class="row">
             <!-- main content area -->
             <div class="col-sm-9">{{ content }}</div>
             <!-- sidebar, which will move to the top on a small screen -->
             <div class="col-sm-3">
-              <nav id="toc-sidebar" class="sticky-top toc toc-sidebar" aria-label="Table of contents"></nav>
+              <nav
+                id="toc-sidebar"
+                class="sticky-top toc toc-sidebar"
+                aria-label="Table of contents"
+                data-toc-collapse="{{ toc_collapse }}"
+                data-toc-collapse-depth="{{ toc_collapse_depth }}"
+              ></nav>
             </div>
           </div>
         {% else %}
           <div class="row">
             <!-- sidebar, which will move to the top on a small screen -->
             <div class="col-sm-3">
-              <nav id="toc-sidebar" class="sticky-top toc toc-sidebar" aria-label="Table of contents"></nav>
+              <nav
+                id="toc-sidebar"
+                class="sticky-top toc toc-sidebar"
+                aria-label="Table of contents"
+                data-toc-collapse="{{ toc_collapse }}"
+                data-toc-collapse-depth="{{ toc_collapse_depth }}"
+              ></nav>
             </div>
             <!-- main content area -->
             <div class="col-sm-9">{{ content }}</div>

data/_sass/_navbar.scss

@@ -17,7 +17,6 @@
 
   .navbar-menu-list {
     margin-left: auto;
-    align-items: center;
   }
 }
 

data/_sass/_utilities.scss

@@ -288,43 +288,36 @@ table[data-toggle="table"].af-table-enhanced tbody tr.af-row-selected {
   top: 5rem;
 
   &.toc > .toc-list {
-    overflow: hidden;
-    position: relative;
+    overflow: visible;
+    padding-left: 0.8rem;
   }
 
   .toc-list {
     list-style: none;
     margin: 0;
-    padding-left: 0.9rem;
+    padding-left: 0.8rem;
   }
 
   .toc-list .toc-list {
-    margin-top: 0.15rem;
-    margin-left: 0.55rem;
-    padding-left: 0.8rem;
+    margin-top: 0.12rem;
+    margin-left: 0;
   }
 
   .toc-link {
     color: var(--global-text-color);
     display: block;
     position: relative;
-    font-size: 0.78rem;
+    font-size: 0.8rem;
     line-height: 1.4;
-    margin: 0.12rem 0;
-    padding: 0.14rem 0.35rem 0.14rem 0.55rem;
-    border-left: 0;
+    margin: 0;
+    padding: 0.14rem 0.25rem 0.14rem 0.4rem;
     transition:
       color 0.2s ease,
       font-weight 0.2s ease;
     transform: none;
 
     &::before {
-      background-color: color-mix(in srgb, var(--global-divider-color) 85%, transparent);
-      bottom: 0;
-      left: 0;
-      margin-top: 0;
-      top: 0;
-      width: 2px;
+      background-color: color-mix(in srgb, var(--global-divider-color) 80%, transparent) !important;
     }
 
     &:hover {
@@ -333,7 +326,7 @@ table[data-toggle="table"].af-table-enhanced tbody tr.af-row-selected {
       transform: none;
 
       &::before {
-        background-color: var(--global-hover-color);
+        background-color: var(--global-hover-color) !important;
       }
     }
   }
@@ -344,14 +337,14 @@ table[data-toggle="table"].af-table-enhanced tbody tr.af-row-selected {
     transform: none;
 
     &::before {
-      background-color: var(--global-theme-color);
+      background-color: var(--global-theme-color) !important;
     }
 
     &:hover {
       color: var(--global-hover-color);
 
       &::before {
-        background-color: var(--global-hover-color);
+        background-color: var(--global-hover-color) !important;
       }
     }
   }

data/assets/js/common.js

@@ -85,6 +85,21 @@ document.addEventListener("DOMContentLoaded", () => {
   };
 
   if (tocSidebar) {
+    const resolveTocCollapseDepth = () => {
+      const explicitDepth = Number.parseInt(tocSidebar.dataset.tocCollapseDepth || "", 10);
+      if (!Number.isNaN(explicitDepth) && explicitDepth >= 0) {
+        return explicitDepth;
+      }
+
+      const collapseMode = (tocSidebar.dataset.tocCollapse || "expanded").toLowerCase();
+      if (["auto", "scroll", "true", "collapsed"].includes(collapseMode)) {
+        // Keep top-level entries visible and expand nested branches while scrolling.
+        return 3;
+      }
+
+      return 6;
+    };
+
     document.querySelectorAll(".publications h2").forEach((heading) => {
       heading.setAttribute("data-toc-skip", "");
     });
@@ -126,7 +141,7 @@ document.addEventListener("DOMContentLoaded", () => {
         headingSelector: "h2, h3",
         ignoreSelector: "[data-toc-skip]",
         hasInnerContainers: true,
-        collapseDepth: 6,
+        collapseDepth: resolveTocCollapseDepth(),
         orderedList: false,
         activeLinkClass: "is-active-link",
         scrollSmooth: true,

data/lib/al_folio_core/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module AlFolioCore
-  VERSION = "1.0.5"
+  VERSION = "1.0.7"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: al_folio_core
 version: !ruby/object:Gem::Version
-  version: 1.0.5
+  version: 1.0.7
 platform: ruby
 authors:
 - al-folio maintainers