From 50cc987074fba6b360056092497353bce2d96ef7 Mon Sep 17 00:00:00 2001
From: NriotHrreion <nriot233@outlook.com>
Date: Tue, 15 Sep 2026 12:37:09 +0800
Subject: [PATCH] fix(website): prevent table of contents overflow

Hide the sidebar scrollbar while preserving vertical scrolling, and truncate long table of contents labels.
---
 apps/website/src/components/docs-page.astro | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/apps/website/src/components/docs-page.astro b/apps/website/src/components/docs-page.astro
index 4517c60..e9cad85 100644
--- a/apps/website/src/components/docs-page.astro
+++ b/apps/website/src/components/docs-page.astro
@@ -89,7 +89,7 @@ const markdownPath = docsMarkdownPath(locale, currentId);
           </article>
 
           <aside class="hidden px-5 py-8 min-[1360px]:block">
-            <div class="sticky top-8 max-h-[calc(100dvh-4rem)] overflow-y-auto">
+            <div class="docs-table-of-contents-scroll sticky top-8 max-h-[calc(100dvh-4rem)] overflow-x-hidden overflow-y-auto">
               <DocsTableOfContents
                 client:load
                 headings={tableOfContents}
@@ -116,15 +116,24 @@ const markdownPath = docsMarkdownPath(locale, currentId);
     overflow-wrap: anywhere;
   }
 
-  .docs-navigation-scroll {
+  .docs-navigation-scroll,
+  .docs-table-of-contents-scroll {
     scrollbar-width: none;
     -ms-overflow-style: none;
   }
 
-  .docs-navigation-scroll::-webkit-scrollbar {
+  .docs-navigation-scroll::-webkit-scrollbar,
+  .docs-table-of-contents-scroll::-webkit-scrollbar {
     display: none;
   }
 
+  .docs-table-of-contents-scroll .gl-nav-item-label {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .docs-content :is(h2, h3) {
     scroll-margin-top: 2rem;
   }