From 73ebd48a6f0d05e47845cff6d50ad47348ac016e Mon Sep 17 00:00:00 2001
From: jcajuab <jcajuab@gmail.com>
Date: Thu, 26 Jun 2025 01:56:04 +0800
Subject: [PATCH] fix: adjust scroll margin for anchor links when dialect tabs
 are present

---
 src/ui/DocsLayout.astro | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/ui/DocsLayout.astro b/src/ui/DocsLayout.astro
index a63fe12b2..142b27546 100644
--- a/src/ui/DocsLayout.astro
+++ b/src/ui/DocsLayout.astro
@@ -547,6 +547,23 @@ const pageHasDialects = Object.keys(dialects).includes(
         margin: 0 !important;
         padding: 0 !important;
       }
+
+      .page--with-dialect-tabs :target {
+        scroll-margin-block: 4rem;
+      }
     </style>
+    <script is:inline>
+      function toggleTargetScrollMargin() {
+        const hasDialectTabs = document.querySelector(".dialect-tabs__container")
+        if (hasDialectTabs) {
+          document.documentElement.classList.add('page--with-dialect-tabs');
+        } else {
+          document.documentElement.classList.remove('page--with-dialect-tabs');
+        }
+      }
+
+      document.addEventListener("astro:page-load", toggleTargetScrollMargin);
+      document.addEventListener("astro:after-swap", toggleTargetScrollMargin);
+    </script>
   </body>
 </html>