al_folio_core 1.0.4 → 1.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: af6ef2628760004262fc0a4af6b03c55e4cd4c25c7be638d7bdd6c60954cf4b1
-  data.tar.gz: b26e87c086ddd099bcfd91bc14cfcbfa84b9340cd70ddb1548586951151d4d61
+  metadata.gz: 566d64497199ae021c6b80241c4bf25791fb6447a7e22ee0232fb74e2cd915bb
+  data.tar.gz: 149241d6a27b9e51737e6b437c339c270f64abc379e0c2664976c200af94fb37
 SHA512:
-  metadata.gz: da5cc4a13562f97f0c0a7930620c616a1cd95d8022d070beb6cac66cbe91aa16f964dca91df7ee55fbe2f75ace2c03a454d064b782f2d33c267e59da8c9b7c71
-  data.tar.gz: cdc0e5b066d1aa470af9abacd227129b32bed674c43ef4d7b3a8d4c790d58b68323273290528df572bc85c9a7a69d30760e70af285eda1a60c41059c2dad3e2e
+  metadata.gz: 2eba8f9aeebd03783e40e1833ceba8990bae51bb068065603c8f9bba6d24c8286c11f14d5366021a7295cbb3e8dd5a565bbc65a752868e8dbe758d1f34a284b1
+  data.tar.gz: 6dccbdc6e0ab582dcf00a5fe0dc64ecb8418bc97f9d6051dbb214ca6a1a28f217429ca8c5d51ec0cbf472007ba4c2da1041da61d212e10c10f70bedc2723a4b4

data/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 1.0.5 - 2026-02-18
+
+- Restored right-aligned desktop navbar menu layout with explicit core-owned alignment classes.
+- Matched inline code typography more closely to legacy sizing/weight while preserving code-block styling.
+- Normalized related-post recommendation links to regular font weight.
+- Fixed Tocbot sidebar visual clashes by removing competing custom rails and scoping active/hover indicators cleanly.
+
 ## 1.0.4 - 2026-02-17
 
 - Fixed related-posts HTML structure to render valid list markup.

data/_includes/header.liquid

@@ -26,7 +26,7 @@
       {% endif %}
       <!-- Navbar Toggle -->
       <button
-        class="navbar-toggler collapsed ml-auto"
+        class="navbar-toggler collapsed navbar-toggler-main"
         type="button"
         data-nav-toggle="navbarNav"
         aria-controls="navbarNav"
@@ -39,8 +39,8 @@
         <span class="icon-bar bottom-bar"></span>
       </button>
 
-      <div class="collapse navbar-collapse text-right" id="navbarNav">
-        <ul class="navbar-nav ml-auto flex-nowrap">
+      <div class="collapse navbar-collapse navbar-collapse-main" id="navbarNav">
+        <ul class="navbar-nav navbar-menu-list flex-nowrap">
           {% for page in site.pages %}
             {% if page.permalink == '/' %} {% assign about_title = page.title %} {% endif %}
           {% endfor %}

data/_includes/related_posts.liquid

@@ -13,12 +13,12 @@
     {% for post in related_posts %}
       <li class="leading-relaxed">
         {% if post.redirect == blank %}
-          <a class="font-semibold underline decoration-1 hover:text-[var(--global-hover-color)]" href="{{ post.url | relative_url }}">
+          <a class="underline decoration-1 hover:text-[var(--global-hover-color)]" href="{{ post.url | relative_url }}">
             {{- post.title -}}
           </a>
         {% elsif post.redirect contains '://' %}
           <a
-            class="font-semibold underline decoration-1 hover:text-[var(--global-hover-color)]"
+            class="underline decoration-1 hover:text-[var(--global-hover-color)]"
             href="{{ post.redirect }}"
             target="_blank"
             rel="noopener noreferrer"
@@ -29,7 +29,7 @@
             <path d="M17 13.5v6H5v-12h6m3-3h6v6m0-6-9 9" class="icon_svg-stroke" stroke="#999" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path>
           </svg>
         {% else %}
-          <a class="font-semibold underline decoration-1 hover:text-[var(--global-hover-color)]" href="{{ post.redirect | relative_url }}">
+          <a class="underline decoration-1 hover:text-[var(--global-hover-color)]" href="{{ post.redirect | relative_url }}">
             {{- post.title -}}
           </a>
         {% endif %}

data/_layouts/default.liquid

@@ -29,14 +29,14 @@
             <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-sidebar" aria-label="Table of contents"></nav>
+              <nav id="toc-sidebar" class="sticky-top toc toc-sidebar" aria-label="Table of contents"></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-sidebar" aria-label="Table of contents"></nav>
+              <nav id="toc-sidebar" class="sticky-top toc toc-sidebar" aria-label="Table of contents"></nav>
             </div>
             <!-- main content area -->
             <div class="col-sm-9">{{ content }}</div>

data/_sass/_navbar.scss

@@ -9,6 +9,34 @@
   border-bottom: 1px solid var(--global-divider-color);
   background-color: var(--global-bg-color);
   opacity: 0.95;
+
+  .navbar-collapse-main {
+    justify-content: flex-end;
+    text-align: right;
+  }
+
+  .navbar-menu-list {
+    margin-left: auto;
+    align-items: center;
+  }
+}
+
+@media (max-width: 575.98px) {
+  .navbar {
+    .navbar-toggler-main {
+      margin-left: auto;
+    }
+
+    .navbar-collapse-main {
+      text-align: left;
+    }
+
+    .navbar-menu-list {
+      margin-left: 0;
+      align-items: flex-start;
+      width: 100%;
+    }
+  }
 }
 
 .navbar .dropdown-menu,

data/_sass/_utilities.scss

@@ -55,6 +55,12 @@ code {
   word-wrap: break-word;
 }
 
+:not(pre) > code {
+  font-size: 0.82em;
+  font-weight: 400;
+  padding: 2px 4px;
+}
+
 // Progress bars
 
 progress {
@@ -280,52 +286,73 @@ table[data-toggle="table"].af-table-enhanced tbody tr.af-row-selected {
 #toc-sidebar {
   z-index: 1;
   top: 5rem;
-  padding-left: 0.35rem;
-  border-left: 1px solid var(--global-divider-color);
+
+  &.toc > .toc-list {
+    overflow: hidden;
+    position: relative;
+  }
 
   .toc-list {
     list-style: none;
     margin: 0;
-    padding-left: 0;
+    padding-left: 0.9rem;
   }
 
   .toc-list .toc-list {
-    border-left: 1px solid color-mix(in srgb, var(--global-divider-color) 85%, transparent);
     margin-top: 0.15rem;
-    margin-left: 0.2rem;
-    padding-left: 0.75rem;
+    margin-left: 0.55rem;
+    padding-left: 0.8rem;
   }
 
   .toc-link {
     color: var(--global-text-color);
     display: block;
-    font-size: 0.82rem;
-    line-height: 1.38;
+    position: relative;
+    font-size: 0.78rem;
+    line-height: 1.4;
     margin: 0.12rem 0;
-    padding: 0.13rem 0.4rem 0.13rem 0.55rem;
-    border-left: 2px solid transparent;
+    padding: 0.14rem 0.35rem 0.14rem 0.55rem;
+    border-left: 0;
     transition:
-      border-color 0.2s ease,
       color 0.2s ease,
-      transform 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;
+    }
 
     &:hover {
       color: var(--global-hover-color);
-      border-left-color: var(--global-hover-color);
       text-decoration: none;
-      transform: translateX(2px);
+      transform: none;
+
+      &::before {
+        background-color: var(--global-hover-color);
+      }
     }
   }
 
   .toc-link.is-active-link {
     color: var(--global-theme-color);
-    border-left-color: var(--global-theme-color);
     font-weight: 600;
-    transform: translateX(3px);
+    transform: none;
+
+    &::before {
+      background-color: var(--global-theme-color);
+    }
 
     &:hover {
       color: var(--global-hover-color);
-      border-left-color: var(--global-hover-color);
+
+      &::before {
+        background-color: var(--global-hover-color);
+      }
     }
   }
 }
@@ -355,7 +382,7 @@ table[data-toggle="table"].af-table-enhanced tbody tr.af-row-selected {
     }
   }
 
-  code {
+  :not(pre) > code {
     font-size: 0.875rem;
     padding: 2px 4px;
   }
@@ -375,7 +402,7 @@ table[data-toggle="table"].af-table-enhanced tbody tr.af-row-selected {
     }
   }
 
-  code {
+  :not(pre) > code {
     font-size: 0.8rem;
     padding: 1px 3px;
   }

data/lib/al_folio_core/version.rb

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

metadata

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