From dab1d8e8db04fc6abed3080017244a1f46f846fe Mon Sep 17 00:00:00 2001
From: wr <wr@wrtekiMacBook-Pro.local>
Date: Tue, 3 Feb 2026 13:43:38 +0800
Subject: [PATCH] feat: package page right sidebar scroll

---
 app/pages/package/[...package].vue | 54 +++++++++++++++++++++++++++++-
 1 file changed, 53 insertions(+), 1 deletion(-)

diff --git a/app/pages/package/[...package].vue b/app/pages/package/[...package].vue
index 2ecb60c3f..20b8119a5 100644
--- a/app/pages/package/[...package].vue
+++ b/app/pages/package/[...package].vue
@@ -1010,7 +1010,7 @@ defineOgImageComponent('Package', {
 
       <div class="area-sidebar">
         <!-- Sidebar -->
-        <div class="sticky top-34 space-y-6 sm:space-y-8 min-w-0 overflow-hidden xl:(top-22 pt-2)">
+        <div class="sidebar-scroll sticky top-34 space-y-6 sm:space-y-8 min-w-0 xl:(top-22 pt-2)">
           <!-- Maintainers (with admin actions when connected) -->
           <PackageMaintainers :package-name="pkg.name" :maintainers="pkg.maintainers" />
 
@@ -1159,6 +1159,58 @@ defineOgImageComponent('Package', {
   grid-area: sidebar;
 }
 
+/* Keep sidebar scrollable inside viewport when hovered/focused. */
+.sidebar-scroll {
+  overflow-y: auto;
+  padding-right: 10px;
+}
+
+.sidebar-scroll:hover {
+  padding-right: 2px;
+}
+
+@media (min-width: 1024px) {
+  .sidebar-scroll {
+    max-height: calc(100dvh - 8.5rem);
+    overscroll-behavior: contain;
+    scrollbar-gutter: stable;
+    scrollbar-width: none;
+  }
+
+  .sidebar-scroll::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+
+  .sidebar-scroll:hover,
+  .sidebar-scroll:focus-within {
+    scrollbar-width: auto;
+  }
+
+  .sidebar-scroll:hover::-webkit-scrollbar,
+  .sidebar-scroll:focus-within::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  .sidebar-scroll:hover::-webkit-scrollbar-thumb,
+  .sidebar-scroll:focus-within::-webkit-scrollbar-thumb {
+    background-color: #cecece;
+    border-radius: 9999px;
+  }
+
+  .sidebar-scroll:hover::-webkit-scrollbar-track,
+  .sidebar-scroll:focus-within::-webkit-scrollbar-track {
+    background: transparent;
+  }
+}
+
+@media (min-width: 1280px) {
+  .sidebar-scroll {
+    max-height: calc(100dvh - 6rem);
+  }
+}
+
 /* Improve package name wrapping for narrow screens */
 .area-header h1 {
   overflow-wrap: anywhere;