From 4c4da02b130f66d381ff7e0091575f8f036329ce Mon Sep 17 00:00:00 2001 From: zzstoatzz Date: Sun, 5 Jul 2026 13:13:54 -0500 Subject: [PATCH] =?UTF-8?q?site:=20restyle=20sidebar=20=E2=80=94=20drop=20?= =?UTF-8?q?the=20active=20accent=20bar,=20add=20a=20structural=20tree=20li?= =?UTF-8?q?ne?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit active state is now a tinted pill with link-colored text; nested groups (recipes, heading toc) indent behind a static 1px guide instead. Co-Authored-By: Claude Opus 4.8 --- site/style.css | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) diff --git a/site/style.css b/site/style.css index ff38ac4..f3e2139 100644 --- a/site/style.css +++ b/site/style.css @@ -299,12 +299,11 @@ a:hover { } .sidebar a { display: block; - padding: 4px 10px; + padding: 5px 10px; border-radius: 6px; color: var(--muted); text-decoration: none; - border-left: 2px solid transparent; - line-height: 1.4; + line-height: 1.45; } .sidebar a:hover { color: var(--text); @@ -313,30 +312,35 @@ a:hover { .sidebar .s-page { color: var(--text); font-weight: 500; - margin-top: 2px; + margin-top: 3px; } -.sidebar .s-children { - margin: 2px 0 8px; +/* nested groups indent behind a static tree line (structure, not state) */ +.sidebar .s-children, +.sidebar .s-toc { + margin: 2px 0 8px 13px; + padding-left: 5px; + border-left: 1px solid var(--border); } .sidebar .s-child { - padding-left: 22px; font-size: 12.5px; } .sidebar .s-toc { - margin: 2px 0 6px; + margin-bottom: 6px; } .sidebar .s-toc-link { - padding-left: 22px; font-size: 12px; } +.sidebar .s-children .s-toc { + border-left: none; + margin-left: 8px; +} .sidebar .s-toc-sub { - padding-left: 34px; + padding-left: 20px; } .sidebar a.active { - color: var(--text); + color: var(--link); font-weight: 600; background: var(--accent); - border-left-color: var(--link); } @media (min-width: 1024px) { -- 2.51.2