3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-06 10:20:09 +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 sidebar = useDocsSidebar();
const [hiddenSidebarContainer, setHiddenSidebarContainer] = useState(false); const [hiddenSidebarContainer, setHiddenSidebarContainer] = useState(false);
return ( return (
<Layout> <Layout wrapperClassName={styles.docsWrapper}>
<BackToTopButton /> <BackToTopButton />
<div className={styles.docPage}> <div className={styles.docPage}>
{sidebar && ( {sidebar && (

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

@ -10,10 +10,14 @@
--doc-sidebar-hidden-width: 30px; --doc-sidebar-hidden-width: 30px;
} }
.docPage {
width: 100%;
}
.docsWrapper,
.docPage, .docPage,
.docMainContainer { .docMainContainer {
display: flex; display: flex;
width: 100%;
} }
.docSidebarContainer { .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 <HtmlClassNameProvider
className={clsx( className={clsx(
// TODO: it should be removed from here
ThemeClassNames.wrapper.docsPages, ThemeClassNames.wrapper.docsPages,
ThemeClassNames.page.docsDocPage, ThemeClassNames.page.docsDocPage,
props.versionMetadata.className, props.versionMetadata.className,