Skip to content

Commit eb49d0e

Browse files
committed
fix(docs): make right sidebar scroll independently
Constrain the RightRail inner container to viewport height and enable overflow-y-auto so partners/docs sections scroll independently of the main page, matching the left sidebar's behavior.
1 parent 658b2f4 commit eb49d0e

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

src/components/RightRail.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -30,15 +30,15 @@ export function RightRail({
3030

3131
const innerBreakpointClass =
3232
breakpoint === 'md'
33-
? 'md:sticky md:top-[var(--navbar-height)]'
34-
: 'sm:sticky sm:top-[var(--navbar-height)]'
33+
? 'md:sticky md:top-[var(--navbar-height)] md:max-h-[calc(100dvh-var(--navbar-height))]'
34+
: 'sm:sticky sm:top-[var(--navbar-height)] sm:max-h-[calc(100dvh-var(--navbar-height))]'
3535

3636
return (
3737
<div className={twMerge(wrapperBreakpointClass, className)}>
3838
<div
3939
className={twMerge(
4040
innerBreakpointClass,
41-
'ml-auto flex flex-col gap-4 pb-4 max-w-full overflow-hidden',
41+
'ml-auto flex flex-col gap-4 pb-4 max-w-full overflow-y-auto',
4242
)}
4343
>
4444
{children}

0 commit comments

Comments
 (0)