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

fix(nx-dev): hide toc on reference pages (#18136)

Browse Source
This commit is contained in:
Benjamin Cabanes 2023-07-18 17:05:56 -04:00 committed by GitHub
parent 36cd6b0485
commit d0eb029819
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,9 +20,11 @@ export function DocViewer({
relatedDocuments: RelatedDocument[]; relatedDocuments: RelatedDocument[];
}): JSX.Element { }): JSX.Element {
const router = useRouter(); const router = useRouter();
const isIntroPage = const hideTableOfContent =
router.asPath.includes('/getting-started/intro') || router.asPath.includes('/getting-started/intro') ||
router.asPath.includes('/plugins/intro/getting-started'); router.asPath.includes('/plugins/intro/getting-started') ||
router.asPath.includes('/packages/devkit') ||
router.asPath.includes('/reference/glossary');
const ref = useRef<HTMLDivElement | null>(null); const ref = useRef<HTMLDivElement | null>(null);
const { metadata, node, treeNode } = renderMarkdown( const { metadata, node, treeNode } = renderMarkdown(
@ -92,12 +94,12 @@ export function DocViewer({
data-document="main" data-document="main"
className={cx( className={cx(
'prose prose-slate dark:prose-invert w-full max-w-none 2xl:max-w-4xl', 'prose prose-slate dark:prose-invert w-full max-w-none 2xl:max-w-4xl',
{ 'xl:max-w-2xl': !isIntroPage } { 'xl:max-w-2xl': !hideTableOfContent }
)} )}
> >
{vm.content} {vm.content}
</div> </div>
{!isIntroPage && ( {!hideTableOfContent && (
<div <div
className={cx( className={cx(
'fixed top-36 right-[max(2rem,calc(50%-55rem))] z-20 hidden w-60 overflow-y-auto bg-white py-10 text-sm dark:bg-slate-900 xl:block' 'fixed top-36 right-[max(2rem,calc(50%-55rem))] z-20 hidden w-60 overflow-y-auto bg-white py-10 text-sm dark:bg-slate-900 xl:block'