From 39486682ba184b6daf35bb8c9fb97e1544825fef Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Sun, 27 Mar 2022 11:20:49 +0300
Subject: [PATCH] fix: make docs page wrapper take full height (#7025)

* fix: make page wrapper take full height

* Better solution
---
 .../src/theme/DocPage/Layout/index.tsx                      | 2 +-
 .../src/theme/DocPage/Layout/styles.module.css              | 6 +++++-
 .../docusaurus-theme-classic/src/theme/DocPage/index.tsx    | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/DocPage/Layout/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocPage/Layout/index.tsx
index 77d1488118..858a24e391 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocPage/Layout/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/DocPage/Layout/index.tsx
@@ -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 && (
diff --git a/packages/docusaurus-theme-classic/src/theme/DocPage/Layout/styles.module.css b/packages/docusaurus-theme-classic/src/theme/DocPage/Layout/styles.module.css
index 8b3e52ce13..bd1e23dfd8 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocPage/Layout/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/DocPage/Layout/styles.module.css
@@ -10,10 +10,14 @@
   --doc-sidebar-hidden-width: 30px;
 }
 
+.docPage {
+  width: 100%;
+}
+
+.docsWrapper,
 .docPage,
 .docMainContainer {
   display: flex;
-  width: 100%;
 }
 
 .docSidebarContainer {
diff --git a/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx
index 8ee721f986..2c908cc055 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx
@@ -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,