gsadmin/gitbook
1
0
Fork 0
mirror of https://github.com/GitbookIO/gitbook.git synced 2026-09-19 17:15:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

More layout fixes

Browse Source
This commit is contained in:
Zeno Kapitein
2025-12-02 17:49:51 +01:00
parent fb49a27cc1
commit 0a7979ede2
3 changed files with 48 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/gitbook/src/components/SpaceLayout/SpaceLayout.tsx
+45 -39
View File
@@ -171,46 +171,52 @@ export function SpaceLayout(props: SpaceLayoutProps) {
// according to the header/variant settings.
// E.g if there is no header, the search button will be displayed in the ToC.
innerHeader={
<>
{!withTopHeader && (
<div className="mt-4 flex gap-2 max-lg:hidden">
<SearchContainer
style={CustomizationSearchStyle.Subtle}
withVariants={variants.generic.length > 1}
withSiteVariants={
visibleSections?.list.some(
(s) =>
s.object === 'site-section' &&
s.siteSpaces.length > 1
) ?? false
}
withSections={withSections}
section={visibleSections?.current}
siteSpace={siteSpace}
siteSpaces={visibleSiteSpaces}
className="max-lg:hidden"
viewport="desktop"
!withTopHeader || variants.generic.length > 1 ? (
<div
className={tcls(
'my-4 flex flex-col gap-4 px-5 empty:hidden',
variants.generic.length > 1 ? '' : 'max-lg:hidden'
)}
>
{!withTopHeader && (
<div className="flex gap-2 max-lg:hidden">
<SearchContainer
style={CustomizationSearchStyle.Subtle}
withVariants={variants.generic.length > 1}
withSiteVariants={
visibleSections?.list.some(
(s) =>
s.object === 'site-section' &&
s.siteSpaces.length > 1
) ?? false
}
withSections={withSections}
section={visibleSections?.current}
siteSpace={siteSpace}
siteSpaces={visibleSiteSpaces}
viewport="desktop"
/>
</div>
)}
{!withTopHeader && withSections && visibleSections && (
<SiteSectionList
className={tcls('hidden', 'lg:block')}
sections={encodeClientSiteSections(
context,
visibleSections
)}
/>
</div>
)}
{!withTopHeader && withSections && visibleSections && (
<SiteSectionList
className={tcls('hidden', 'lg:block')}
sections={encodeClientSiteSections(
context,
visibleSections
)}
/>
)}
{variants.generic.length > 1 ? (
<SpacesDropdown
context={context}
siteSpace={siteSpace}
siteSpaces={variants.generic}
className="w-full px-3 py-2"
/>
) : null}
</>
)}
{variants.generic.length > 1 ? (
<SpacesDropdown
context={context}
siteSpace={siteSpace}
siteSpaces={variants.generic}
className="w-full px-3"
/>
) : null}
</div>
) : null
}
/>
{children}
packages/gitbook/src/components/TableOfContents/TableOfContents.tsx
+2 -7
View File
@@ -103,14 +103,9 @@ export async function TableOfContents(props: {
'page-has-toc:[html.sidebar-filled.circular-corners_&]:rounded-3xl'
)}
>
{innerHeader ? (
<div className="flex flex-col gap-4 px-5 empty:hidden">{innerHeader}</div>
) : null}
{innerHeader ? innerHeader : null}
<TOCScrollContainer // The scrollview inside the sidebar
className={tcls(
'flex grow flex-col p-2 pt-4 ',
'hide-scrollbar overflow-y-auto'
)}
className="hide-scrollbar flex grow flex-col overflow-y-auto p-2"
>
<PagesList
pages={pages}
packages/gitbook/src/components/primitives/SideSheet.tsx
+1 -1
View File
@@ -127,7 +127,7 @@ export function SideSheet(
: side === 'left'
? 'hydrated:animate-exit-to-left'
: 'hydrated:animate-exit-to-right',
'fixed inset-y-0 z-41', // Above the side sheet scrim on z-40
'fixed inset-y-0 z-41 max-w-full', // Above the side sheet scrim on z-40
side === 'left' ? 'left-0' : 'right-0',
withCloseButton ? (side === 'left' ? 'mr-16' : 'ml-16') : '',
isOpen ? '' : 'hidden',