3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-07-31 07:18:59 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): make doc container full width when hidden sidebar (#4247)

Browse source
This commit is contained in:
Alexey Pyltsyn 2021-02-18 17:06:04 +03:00 • committed by GitHub
parent 9bd65ddea3
commit 02f7722f2e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx
View file

@ -115,7 +115,10 @@ function DocPageContent({
)} )}
</div> </div>
)} )}
<main className={styles.docMainContainer}> <main
className={clsx(styles.docMainContainer, {
[styles.docMainContainerEnhanced]: hiddenSidebarContainer,
})}>
<div <div
className={clsx( className={clsx(
'container padding-vert--lg', 'container padding-vert--lg',

4
packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css
View file

@ -19,6 +19,10 @@
max-width: calc(100% - var(--doc-sidebar-width)); max-width: calc(100% - var(--doc-sidebar-width));
} }
.docMainContainerEnhanced {
max-width: none;
}
.docSidebarContainer { .docSidebarContainer {
width: var(--doc-sidebar-width); width: var(--doc-sidebar-width);
margin-top: calc(-1 * var(--ifm-navbar-height)); margin-top: calc(-1 * var(--ifm-navbar-height));