Hide button on mobile to open toc if disabled at the page level (#2471)

.changeset/three-shoes-talk.md

@@ -0,0 +1,5 @@
+---
+'gitbook': patch
+---
+
+Fix table of contents being visible on mobile when disabled at the page level

packages/gitbook/src/components/Header/HeaderMobileMenu.tsx

@@ -63,6 +63,7 @@ export function HeaderMobileMenu(props: Partial<React.ButtonHTMLAttributes<HTMLB
                 'dark:hover:bg-light/2',
                 'rounded',
                 'straight-corners:rounded-sm',
+                'page-no-toc:hidden',
                 props.className,
             )}
         >

packages/gitbook/src/components/TableOfContents/TableOfContents.tsx

@@ -51,7 +51,7 @@ export function TableOfContents(props: {
                 'dark:navigation-open:shadow-light/2',
                 withHeaderOffset ? 'lg:h-[calc(100vh_-_4rem)]' : 'lg:h-[100vh]',
                 withHeaderOffset ? 'lg:top-16' : 'lg:top-0',
-                'page-no-toc:lg:hidden',
+                'page-no-toc:hidden',
             )}
         >
             {header ? header : null}