add overflow-y to Doc sidebar and TOC (#176)

opentofu · Sep 22, 2023 · 50d2edd · 50d2edd
1 parent 95a4fab
commit 50d2edd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/theme/DocPage/Layout/Sidebar.tsx b/src/theme/DocPage/Layout/Sidebar.tsx
@@ -30,7 +30,7 @@ export default function DocPageLayoutSidebar({
   return (
     <aside className={className}>
       <ResetOnSidebarChange>
-        <div className="p-2 xl:p-4 text-sm xl:text-base w-full sticky top-0">
+        <div className="p-2 xl:p-4 text-sm xl:text-base w-full sticky top-0 max-h-screen overflow-y-auto">
           <DocSidebar
             sidebar={sidebar}
             path={pathname}

diff --git a/src/theme/TOC/index.tsx b/src/theme/TOC/index.tsx
@@ -7,7 +7,7 @@ export default function TOC({ className, ...props }: Props) {
   return (
     <div
       className={clsx(
-        "sticky top-0 p-2 xl:p-4 text-sm xl:text-base",
+        "sticky top-0 p-2 xl:p-4 text-sm xl:text-base max-h-screen overflow-y-auto",
         className,
       )}
     >