Set scroll-margin-top to all heading inside <main/> (#1454)

tompng · web-flow · commit 144f90d78fca · 2025-11-18T10:17:33.000+09:00
Before (header's opacity is set to 0.9 to describe) <img width="1065" height="675" alt="before" src="https://github.com/user-attachments/assets/dd7ae9af-f624-4a28-bab5-f6743b5650dd" /> After <img width="1065" height="675" alt="after" src="https://github.com/user-attachments/assets/5e27c63e-1bfa-4bb5-ac93-bb1d0facbabb" />
diff --git a/lib/rdoc/generator/template/aliki/css/rdoc.css b/lib/rdoc/generator/template/aliki/css/rdoc.css
@@ -308,7 +308,6 @@ h6:target {
   margin-left: calc(-1 * var(--space-5));
   padding-left: calc(var(--space-5) / 2);
   border-left: calc(var(--space-5) / 2) solid var(--border-color);
-  scroll-margin-top: calc(var(--layout-header-height) + 2rem);
 }
 
 main .anchor-link:target {
@@ -944,6 +943,7 @@ main h5,
 main h6 {
   font-family: var(--font-heading);
   color: var(--highlight-color);
+  scroll-margin-top: calc(var(--layout-header-height) + 2rem);
 }
 
 /* Heading size hierarchy */

Original file line number	Diff line number	Diff line change
`@@ -308,7 +308,6 @@ h6:target {`
`308`	`308`	`margin-left: calc(-1 * var(--space-5));`
`309`	`309`	`padding-left: calc(var(--space-5) / 2);`
`310`	`310`	`border-left: calc(var(--space-5) / 2) solid var(--border-color);`
`311`		`- scroll-margin-top: calc(var(--layout-header-height) + 2rem);`
`312`	`311`	`}`
`313`	`312`
`314`	`313`	`main .anchor-link:target {`
`@@ -944,6 +943,7 @@ main h5,`
`944`	`943`	`main h6 {`
`945`	`944`	`font-family: var(--font-heading);`
`946`	`945`	`color: var(--highlight-color);`
	`946`	`+ scroll-margin-top: calc(var(--layout-header-height) + 2rem);`
`947`	`947`	`}`
`948`	`948`
`949`	`949`	`/* Heading size hierarchy */`