fix: add sidebar scroll (#521)

jsr-io · May 15, 2024 · 4389058 · 4389058
1 parent e5ccd65
commit 4389058
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/frontend/components/NavOverflow.tsx b/frontend/components/NavOverflow.tsx
@@ -15,7 +15,6 @@ for (let i = 0; i < navItemsEl.children.length; i++) {
 }
 
 const active = navItemsEl.querySelector("[data-active]");
-console.log(active, navItems.get(active));
 
 function updateNavItems() {
  const navWidth = navItemsEl.parentElement.offsetWidth;

diff --git a/frontend/routes/package/(_components)/Docs.tsx b/frontend/routes/package/(_components)/Docs.tsx
@@ -88,7 +88,7 @@ export function DocsView(
  )}
  </div>
  {docs.toc && (
- <div class="max-lg:row-start-1 lg:col-[span_1_/_-1] lg:top-0 lg:sticky lg:max-h-screen box-border space-y-4 -mt-4 pt-4">
+ <div class="max-lg:row-start-1 lg:col-[span_1_/_-1] lg:top-0 lg:sticky lg:max-h-screen flex flex-col box-border gap-y-4 -mt-4 pt-4">
  {!docs.breadcrumbs && (
  <LocalSymbolSearch
  scope={params.scope}
@@ -98,7 +98,7 @@ export function DocsView(
  )}
 
  <div
- class="ddoc w-full lg:*:max-h-[calc(100vh-55px)] b-0"
+ class="ddoc w-full overflow-scroll pb-4"
  dangerouslySetInnerHTML={{ __html: docs.toc }}
  />
  </div>

diff --git a/frontend/static/styles.css b/frontend/static/styles.css
@@ -406,6 +406,10 @@ body .ddoc .toc {
  }
 }
 
+body .ddoc:has(.toc) {
+ scrollbar-width: thin;
+}
+
 /* These might seem redundant but Tailwind won't always load them in the compiled stylesheet unless they're explicitly included here. */
 .score-ring-red {
  @apply bg-red-500;