ZaguanAI/zblade.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs(changelog): add section anchors for version links

Browse Source 
Assign ids to release sections and add scroll margin for anchored navigation
This commit is contained in:
Stig-Ørjan Smelror
2026-03-18 23:10:04 +01:00
parent 4b662a3d5c
commit 30275bd314
1 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/changelog.astro
+15 -11
View File
@@ -22,7 +22,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
<!-- v0.4.1 Section -->
<section class="changelog-section">
<section id="v0-4-1" class="changelog-section">
<div class="container">
<div class="version-card version-latest">
<div class="version-header">
@@ -69,7 +69,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</section>
<!-- v0.4.0 Section -->
<section class="changelog-section">
<section id="v0-4-0" class="changelog-section">
<div class="container">
<div class="version-card version-previous">
<div class="version-header">
@@ -154,7 +154,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</div>
</section>
<!-- v0.3.4 Section -->
<section class="changelog-section">
<section id="v0-3-4" class="changelog-section">
<div class="container">
<div class="version-card version-previous">
<div class="version-header">
@@ -217,7 +217,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</div>
</section>
<!-- v0.3.3 Section -->
<section class="changelog-section">
<section id="v0-3-3" class="changelog-section">
<div class="container">
<div class="version-card version-previous">
<div class="version-header">
@@ -282,7 +282,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</section>
<!-- v0.3.2 Section -->
<section class="changelog-section">
<section id="v0-3-2" class="changelog-section">
<div class="container">
<div class="version-card">
<div class="version-header">
@@ -333,7 +333,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</section>
<!-- v0.3.1 Section -->
<section class="changelog-section">
<section id="v0-3-1" class="changelog-section">
<div class="container">
<div class="version-card">
<div class="version-header">
@@ -374,7 +374,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</section>
<!-- v0.3.0 Section -->
<section class="changelog-section">
<section id="v0-3-0" class="changelog-section">
<div class="container">
<div class="version-card">
<div class="version-header">
@@ -431,7 +431,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</section>
<!-- v0.2.1 Section -->
<section class="changelog-section">
<section id="v0-2-1" class="changelog-section">
<div class="container">
<div class="version-card">
<div class="version-header">
@@ -489,7 +489,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</section>
<!-- v0.2.0 Section -->
<section class="changelog-section">
<section id="v0-2-0" class="changelog-section">
<div class="container">
<div class="version-card">
<div class="version-header">
@@ -702,7 +702,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</section>
<!-- v0.1.1 Section -->
<section class="changelog-section">
<section id="v0-1-1" class="changelog-section">
<div class="container">
<div class="version-card version-latest">
<div class="version-header">
@@ -759,7 +759,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
</section>
<!-- v0.1.0 Section -->
<section class="changelog-section section-alt">
<section id="v0-1-0" class="changelog-section section-alt">
<div class="container">
<div class="version-card">
<div class="version-header">
@@ -845,6 +845,10 @@ import BaseLayout from '../layouts/BaseLayout.astro';
padding: var(--space-xl) 0;
}
.changelog-section[id] {
scroll-margin-top: calc(var(--space-2xl) + 80px);
}
.section-alt {
background: var(--color-bg-secondary);
}