miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 6 Packages Projects Releases Wiki Activity

fix(nx-dev): make toc sticky (#29784)

Browse Source 
Makes sidebar table of contents not overlap the footer

Fixes #29719
This commit is contained in:
Isaac Mann 2025-01-28 13:43:19 -05:00 committed by GitHub
parent 5aec542774
commit 67f12a2d7a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 62 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
nx-dev/feature-doc-viewer/src/lib/doc-viewer.tsx
View File

@ -115,6 +115,7 @@ export function DocViewer({
</div> </div>
<div className="min-w-0 flex-auto pb-24 lg:pb-16"> <div className="min-w-0 flex-auto pb-24 lg:pb-16">
{/*MAIN CONTENT*/} {/*MAIN CONTENT*/}
<div className="flex justify-between">
<div className="relative"> <div className="relative">
<div <div
ref={ref} ref={ref}
@ -126,10 +127,12 @@ export function DocViewer({
> >
{vm.content} {vm.content}
</div> </div>
</div>
{!hideTableOfContent && ( {!hideTableOfContent && (
<div>
<div <div
className={cx( className={cx(
'fixed right-[max(2rem,calc(50%-55rem))] top-44 z-20 hidden w-60 space-y-6 overflow-y-auto bg-white text-sm xl:block dark:bg-slate-900' 'sticky top-2 z-20 ml-[max(2rem,calc(50%-8rem))] hidden w-60 space-y-6 overflow-y-auto bg-white text-sm xl:block dark:bg-slate-900'
)} )}
> >
{widgetData.githubStarsCount > 0 && ( {widgetData.githubStarsCount > 0 && (
@ -182,6 +185,7 @@ export function DocViewer({
</> </>
</TableOfContents> </TableOfContents>
</div> </div>
</div>
)} )}
</div> </div>
{/*RELATED CONTENT*/} {/*RELATED CONTENT*/}