3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-04 01:09:20 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: make docs page wrapper take full height (#7025)

Browse source 
* fix: make page wrapper take full height

* Better solution
This commit is contained in:
Alexey Pyltsyn 2022-03-27 11:20:49 +03:00 • committed by GitHub
parent 0b3b642cfb
commit 39486682ba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -20,7 +20,7 @@ export default function DocPageLayout({children}: Props): JSX.Element {
const sidebar = useDocsSidebar();
const [hiddenSidebarContainer, setHiddenSidebarContainer] = useState(false);
return (
<Layout>
<Layout wrapperClassName={styles.docsWrapper}>
<BackToTopButton />
<div className={styles.docPage}>
{sidebar && (

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

@ -10,10 +10,14 @@
--doc-sidebar-hidden-width: 30px;
}
.docPage {
width: 100%;
}
.docsWrapper,
.docPage,
.docMainContainer {
display: flex;
width: 100%;
}
.docSidebarContainer {

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

@ -77,6 +77,7 @@ export default function DocPage(props: Props): JSX.Element {
/>
<HtmlClassNameProvider
className={clsx(
// TODO: it should be removed from here
ThemeClassNames.wrapper.docsPages,
ThemeClassNames.page.docsDocPage,
props.versionMetadata.className,