From a67d7317003e5f91876945baa0aaaf5251269ad2 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 19 May 2026 04:12:45 +0000
Subject: [PATCH 1/8] Fix mobile hamburger not showing: replace
 inline-style+!important hack with a base CSS rule
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The mobile header was hidden via mobileHeader.style.display='none' (inline style),
then a dynamically-injected <style> with !important was supposed to reveal it on mobile.
Inline styles and injected stylesheets interact inconsistently across browsers, making
the hamburger invisible on mobile in practice.

Replace with a simple CSS-only approach: add a base rule
'.layout-sidebar .mobile-header { display: none; }' so the existing media-query
'display: flex' override works through normal cascade — no inline style needed,
no !important injection needed.

https://claude.ai/code/session_01HRJsjppKZ2cpmNUAV2NXds
---
 app/index.html | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/app/index.html b/app/index.html
index b9b030a..45d1a52 100644
--- a/app/index.html
+++ b/app/index.html
@@ -187,6 +187,8 @@ body {
 .sidebar::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 2px; }
 .sidebar::-webkit-scrollbar-track { background: var(--scrollbar-track); }
 
+.layout-sidebar .mobile-header { display: none; }
+
 /* ═══════════════════════════════════════════
    SIDEBAR CONTENT
    ═══════════════════════════════════════════ */
@@ -2018,7 +2020,6 @@ function fmtDatetime(dtStr) {
     const layout = el('div', { className: `layout-sidebar nav-${navPos}` });
 
     const mobileHeader = el('div', { className: 'mobile-header' });
-    mobileHeader.style.display = 'none';
     const hamburger = el('button', { className: 'hamburger', 'aria-label': 'Open menu' });
     hamburger.appendChild(iconEl('menu'));
     const mobileName = el('span', { className: 'sidebar-sitename', textContent: config.sitename || 'MD-CMS' });
@@ -2028,10 +2029,6 @@ function fmtDatetime(dtStr) {
     }
     mobileHeader.appendChild(mobileName);
 
-    const mobileStyle = document.createElement('style');
-    mobileStyle.textContent = `@media (max-width: 768px) { .layout-sidebar .mobile-header { display: flex !important; } }`;
-    document.head.appendChild(mobileStyle);
-
     const overlay = el('div', { className: 'mobile-overlay' });
     overlay.addEventListener('click', () => closeMobileMenu());
 

From 237fae111ac686629bdb31aaac50dc4950dba5d1 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 19 May 2026 06:11:40 +0000
Subject: [PATCH 2/8] Add per-category line-height support

Nastaliq and other complex scripts need significantly more vertical
space than Latin text. A new `line-height` key on any category entry
in config.yml overrides --line-height-body for that category and
restores the theme default when switching away.

https://claude.ai/code/session_01LZVnq4wUgdv5oXFLcj6qXf
---
 CLAUDE.md      | 1 +
 app/index.html | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/CLAUDE.md b/CLAUDE.md
index 17f288f..50c27bc 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -166,6 +166,7 @@ For nested navigation, set `parent: <parent-section-code>` and `parent-sort` on
 - Variant files: `<base>.<code>.md` — the suffix is only treated as a category if the code is declared in config
 - `categories-sectionnames: per-category` requires each section in `nav.yml` to have a `categorynames` block with an entry per category code
 - RTL is set per category via `direction: rtl`
+- Line height is set per category via `line-height: 2.8` (useful for scripts like Nastaliq that need extra vertical space). Restores to theme default when switching to a category without this key.
 
 ## Dynamic post tags (mdcms code blocks)
 
diff --git a/app/index.html b/app/index.html
index b9b030a..10b73de 100644
--- a/app/index.html
+++ b/app/index.html
@@ -957,6 +957,7 @@ body {
   let activeCategory = null;      // current code
   let sectionnamesMode = 'same';  // 'same' | 'per-category'
   let loadedFonts = new Set();    // track which font files have been loaded
+  let defaultLineHeight = null;   // theme/CSS default, captured after theme is applied
 
   // ─── Icons ────────────────────────────────────────────────
   const STANDARD_ICONS = ['dark_mode','light_mode','menu','search','arrow_right','arrow_drop_down','mobile_arrow_down','language','info','warning','error','success','exclamation','dangerous','report','history','text_compare','keyboard_arrow_right','keyboard_arrow_down','keyboard_double_arrow_right','keyboard_double_arrow_down','expand_content','collapse_content','add','minimize'];
@@ -2298,6 +2299,9 @@ function fmtDatetime(dtStr) {
     document.querySelectorAll('.category-bar').forEach(b => b.setAttribute('dir', direction));
     document.querySelectorAll('.md-content, .title-bar').forEach(el => el.setAttribute('dir', direction));
     document.querySelectorAll('.sidebar').forEach(el => el.setAttribute('dir', direction));
+    // Apply per-category line-height override, or restore theme default
+    const lh = cat && cat['line-height'];
+    document.documentElement.style.setProperty('--line-height-body', lh ? String(lh) : (defaultLineHeight || '1.7'));
   }
 
   function doSearch(query, resultsEl) {
@@ -2770,6 +2774,7 @@ function fmtDatetime(dtStr) {
 
       if (config.theme) applyThemeYml(themeConfig);
       else applyConfigTheme();
+      defaultLineHeight = getComputedStyle(document.documentElement).getPropertyValue('--line-height-body').trim() || '1.7';
       applyTheme(getInitialTheme());
 
       // nav.yml — phase 2 expects `sections:` + `pages:` blocks; phase 1 flat

From c1d83b4bd6dd8c4997439d4bf3bec48eae8b62bb Mon Sep 17 00:00:00 2001
From: kbenestad <kristian@benestad.net>
Date: Tue, 19 May 2026 13:25:29 +0700
Subject: [PATCH 3/8] Fix category picker and hamburger using page colours
 instead of nav colours (#22)

Both elements render against --bg-nav but were using --font-colour (the page
text colour). Switch to --nav-link-colour / --nav-section-heading-colour /
--nav-link-active-colour so they remain legible when nav-background is set to
a colour that contrasts with the page text colour (e.g. dark blue nav with
white nav-link text).

https://claude.ai/code/session_01MA8V1FvCmxjkCYyTxseaxB

Co-authored-by: Claude <noreply@anthropic.com>
---
 app/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/index.html b/app/index.html
index c813133..ab6d934 100644
--- a/app/index.html
+++ b/app/index.html
@@ -448,7 +448,7 @@ body {
   border: none;
   cursor: pointer;
   padding: 0.4rem;
-  color: var(--font-colour);
+  color: var(--nav-link-colour, var(--font-colour));
   z-index: 150;
 }
 .hamburger svg { width: 22px; height: 22px; }
@@ -627,17 +627,17 @@ body {
   padding: 0.55rem 0.85rem;
   cursor: pointer;
   font-size: 0.88rem;
-  color: var(--font-colour);
+  color: var(--nav-link-colour, var(--font-colour));
   border-bottom: 1px solid var(--divider);
   transition: background 0.1s;
 }
 .category-option:last-child { border-bottom: none; }
 .category-option:hover { background: var(--nav-hover-bg); }
-.category-option.active { background: var(--nav-active-bg); color: var(--accent); font-weight: 600; }
+.category-option.active { background: var(--nav-active-bg); color: var(--nav-link-active-colour, var(--accent)); font-weight: 600; }
 .category-option .secondary {
   display: block;
   font-size: 0.75rem;
-  color: var(--font-colour-muted);
+  color: var(--nav-section-heading-colour, var(--font-colour-muted));
   margin-top: 0.15rem;
 }
 

From cd02f43e82fa8012aa7446839259542ca863313c Mon Sep 17 00:00:00 2001
From: kbenestad <kristian@benestad.net>
Date: Tue, 19 May 2026 13:28:51 +0700
Subject: [PATCH 4/8] Fix category font not reverting when switching to a
 no-font category (#23)

* Fix category picker and hamburger using page colours instead of nav colours

Both elements render against --bg-nav but were using --font-colour (the page
text colour). Switch to --nav-link-colour / --nav-section-heading-colour /
--nav-link-active-colour so they remain legible when nav-background is set to
a colour that contrasts with the page text colour (e.g. dark blue nav with
white nav-link text).

https://claude.ai/code/session_01MA8V1FvCmxjkCYyTxseaxB

* Fix category font not reverting when switching to a no-font category

maybeLoadCategoryFont applied a font-family to document.body but never
cleared it when switching to a category with no font defined. The inline
style overrides the CSS --font-body variable, so the category font
persisted indefinitely.

Fix: reset document.body.style.fontFamily to '' when the target category
has no font (letting --font-body take effect), and re-apply the family
string when switching back to an already-loaded font category.

https://claude.ai/code/session_01MA8V1FvCmxjkCYyTxseaxB

---------

Co-authored-by: Claude <noreply@anthropic.com>
---
 app/index.html | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/index.html b/app/index.html
index ab6d934..3f05de6 100644
--- a/app/index.html
+++ b/app/index.html
@@ -1094,9 +1094,16 @@ body {
 
   async function maybeLoadCategoryFont(code) {
     const cat = categoriesByCode[code];
-    if (!cat || !cat.font || loadedFonts.has(cat.font)) return;
-    showFontLoadingBanner();
+    if (!cat || !cat.font) {
+      document.body.style.fontFamily = '';
+      return;
+    }
     const family = 'mdcms-cat-' + code;
+    if (loadedFonts.has(cat.font)) {
+      document.body.style.fontFamily = `"${family}", ${getComputedStyle(document.documentElement).getPropertyValue('--font-body').trim()}`;
+      return;
+    }
+    showFontLoadingBanner();
     const css = `@font-face { font-family: "${family}"; src: url("assets/fonts/${cat.font}"); }`;
     const style = document.createElement('style');
     style.textContent = css;
@@ -1106,8 +1113,7 @@ body {
       await face.load();
       document.fonts.add(face);
       loadedFonts.add(cat.font);
-      // Apply font to body for this session
-      document.body.style.fontFamily = `"${family}", ${getComputedStyle(document.body).fontFamily}`;
+      document.body.style.fontFamily = `"${family}", ${getComputedStyle(document.documentElement).getPropertyValue('--font-body').trim()}`;
     } catch (e) {
       console.warn('Font load failed:', e);
     }

From cb0bc180a43c0f9582399d07cbcea9334a95161c Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 19 May 2026 06:48:03 +0000
Subject: [PATCH 5/8] Remove default bold-on-hover from content links

Link hover bold was hardcoded to 700 in both light and dark root variables.
Users can opt in via `link-style-hover: ...:bold` in theme.yml.

https://claude.ai/code/session_01EzU13EL8D5Ud2ngQUKDj9e
---
 app/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/index.html b/app/index.html
index 3f05de6..bd88e70 100644
--- a/app/index.html
+++ b/app/index.html
@@ -76,7 +76,7 @@ if ('serviceWorker' in navigator) {
   --link-visited-colour: #7C3AED;
   --link-decoration: underline;
   --link-hover-decoration: underline;
-  --link-hover-weight: 700;
+  --link-hover-weight: normal;
   --link-visited-decoration: underline;
   --search-bg: #FFFFFF;
   --search-border: #E2E8F0;
@@ -113,7 +113,7 @@ if ('serviceWorker' in navigator) {
   --link-visited-colour: #A78BFA;
   --link-decoration: underline;
   --link-hover-decoration: underline;
-  --link-hover-weight: 700;
+  --link-hover-weight: normal;
   --link-visited-decoration: underline;
   --search-bg: #1E293B;
   --search-border: #334155;

From d63fc0035f8761bf2f30365668a5e2ab95922a30 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 19 May 2026 06:58:41 +0000
Subject: [PATCH 6/8] Document unreleased.md as a living changelog for
 development

https://claude.ai/code/session_01EzU13EL8D5Ud2ngQUKDj9e
---
 CLAUDE.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/CLAUDE.md b/CLAUDE.md
index 50c27bc..78e55c2 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -15,6 +15,10 @@ Every merge into `main` is a release. Before committing any change to `mdcms.py`
 
 In practice: check out `development`, do the work, push to `development`, PR `development` → `main` when ready to release.
 
+## Unreleased changelog
+
+`docs/unreleased.md` is a living document that tracks every fix or feature on `development` that has not yet been merged to `main`. Keep it current: whenever a change lands on `development`, add or update an entry in `unreleased.md` in the same commit (or a follow-up commit to `development`). When a batch of changes is merged to `main` and released, clear the entries that were released and leave the file in place for the next round of work.
+
 ## What this project is
 
 MD-CMS is a markdown-based static site system with two distinct parts:

From 3ac0a89be130679d566b465df08f297c7a05aa58 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 19 May 2026 07:03:17 +0000
Subject: [PATCH 7/8] Remove sidebar header and footer dividers from nav

https://claude.ai/code/session_017r3kqm4FgEGy2DPPzYcLYQ
---
 app/index.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/app/index.html b/app/index.html
index bd88e70..c0e2dc4 100644
--- a/app/index.html
+++ b/app/index.html
@@ -194,7 +194,6 @@ body {
    ═══════════════════════════════════════════ */
 .sidebar-header {
   padding: 1.5rem 1.25rem 1rem;
-  border-bottom: 1px solid var(--divider);
   flex-shrink: 0;
 }
 
@@ -339,7 +338,6 @@ body {
 /* Sidebar footer */
 .sidebar-footer {
   padding: 0.75rem 1.25rem;
-  border-top: 1px solid var(--divider);
   flex-shrink: 0;
 }
 

From 283e0f8299dc1d89b6d2258d4c86289e2cdc5a22 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 19 May 2026 07:22:06 +0000
Subject: [PATCH 8/8] Fix hamburger hidden on iOS: hide sidebar with visibility
 on mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

iOS Safari can fail to honour transform: translateX(-100%) on position:fixed
elements, leaving the sidebar sitting over the content at z-index 100 and
blocking the mobile-header (z-index 50) that contains the hamburger.

Add visibility: hidden to the closed mobile sidebar. A transition-delay of
0.3s (matching the transform duration) keeps the slide-out animation intact —
the sidebar slides away first, then disappears. The open state resets the
transition immediately so the sidebar becomes visible before sliding in.

https://claude.ai/code/session_017r3kqm4FgEGy2DPPzYcLYQ
---
 app/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/index.html b/app/index.html
index c0e2dc4..d811dc9 100644
--- a/app/index.html
+++ b/app/index.html
@@ -171,7 +171,7 @@ body {
   flex-direction: column;
   overflow-y: auto;
   z-index: 100;
-  transition: background-color 0.2s ease, transform 0.3s ease;
+  transition: background-color 0.2s ease, transform 0.3s ease, visibility 0s ease 0.3s;
 }
 
 .layout-sidebar.nav-left .sidebar { left: 0; }
@@ -738,12 +738,13 @@ body {
 
   .layout-sidebar .sidebar {
     transform: translateX(-100%);
+    visibility: hidden;
     width: 80vw;
     max-width: 320px;
     box-shadow: var(--shadow-md);
   }
   .layout-sidebar.nav-right .sidebar { transform: translateX(100%); }
-  .layout-sidebar .sidebar.open { transform: translateX(0); }
+  .layout-sidebar .sidebar.open { transform: translateX(0); visibility: visible; transition: background-color 0.2s ease, transform 0.3s ease; }
   .layout-sidebar .main-area { margin-left: 0 !important; margin-right: 0 !important; }
   .main-content { padding: 1rem 1.25rem 3rem; }