fix: move mobile ToC inside main content for proper sticky behavior

braboj · claude · braboj · commit 30bb11a3afef · 2026-04-26T14:07:18.000+03:00
Sticky positioning requires the element to be inside the scrolling
container. Moved from between Header and site-main to inside main.

Co-Authored-By: Claude Opus 4.6 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/astro-site/src/layouts/DocLayout.astro b/astro-site/src/layouts/DocLayout.astro
@@ -62,11 +62,11 @@ const ogImage = new URL("/tutorial-git/images/og-banner.png", Astro.site);
   <body>
     <a href="#main-content" class="skip-link">Skip to main content</a>
     <Header currentPath={currentPath} />
-    <MobileToc headings={headings} />
     <div class="site-main">
       <TableOfContents headings={headings} />
       <div class="resize-handle" data-side="left"></div>
       <main class="content" id="main-content">
+        <MobileToc headings={headings} />
         <h1>{title}</h1>
         <slot />
       </main>
