Archicratia/archicratie-edition
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'EditionToc Modif' (#215) from chore/astro6-upgrade into main
All checks were successful
SMOKE / smoke (push) Successful in 9s
Details
CI / build-and-anchors (push) Successful in 42s
Details
Deploy staging+live (annotations) / deploy (push) Successful in 7m16s
Details

Browse Source 
Reviewed-on: #215
This commit was merged in pull request #215.
This commit is contained in:
Archicratia
2026-03-11 17:58:17 +01:00
parent 19e3318125 37cb836246
commit 298ee7492c
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/EditionToc.astro
View File

@@ -11,7 +11,8 @@ const {
const entries = (await getCollection(collection)) const entries = (await getCollection(collection))
.sort((a, b) => (a.data.order ?? 0) - (b.data.order ?? 0)); .sort((a, b) => (a.data.order ?? 0) - (b.data.order ?? 0));
const href = (slug) => `${basePath}/${slug}/`; const routeSlug = (entry) => String(entry.id || "").replace(/\.(md|mdx)$/i, "");
const href = (entry) => `${basePath}/${routeSlug(entry)}/`;
--- ---
<nav class="toc-global" aria-label={label}> <nav class="toc-global" aria-label={label}>
@@ -21,10 +22,12 @@ const href = (slug) => `${basePath}/${slug}/`;
<ol class="toc-global__list"> <ol class="toc-global__list">
{entries.map((e) => { {entries.map((e) => {
const active = e.slug === currentSlug; const entrySlug = routeSlug(e);
const active = entrySlug === currentSlug;
return ( return (
<li class={`toc-item ${active ? "is-active" : ""}`}> <li class={`toc-item ${active ? "is-active" : ""}`}>
<a class="toc-link" href={href(e.slug)} aria-current={active ? "page" : undefined}> <a class="toc-link" href={href(e)} aria-current={active ? "page" : undefined}>
<span class="toc-link__row"> <span class="toc-link__row">
{active ? ( {active ? (
<span class="toc-active-indicator" aria-hidden="true">👉</span> <span class="toc-active-indicator" aria-hidden="true">👉</span>