From 28efa608c7506327ed062cf41a01b41b006bc5aa Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Tue, 1 Jun 2021 01:27:09 +0300 Subject: [PATCH 1/3] refactor(v2): reduce vertical space in doc content container --- .../src/theme/DocPage/styles.module.css | 8 +++++++- .../src/theme/TOC/styles.module.css | 2 +- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css b/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css index a4a2db7b8597..0499c719b0d6 100644 --- a/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css +++ b/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css @@ -19,6 +19,10 @@ width: 100%; } +.docItemWrapper { + padding-top: 0.5rem !important; +} + @media (min-width: 997px) { .docMainContainer { flex-grow: 1; @@ -72,7 +76,9 @@ } .docItemWrapperEnhanced { - max-width: calc(var(--ifm-container-width) + var(--doc-sidebar-width)) !important; + max-width: calc( + var(--ifm-container-width) + var(--doc-sidebar-width) + ) !important; } } diff --git a/packages/docusaurus-theme-classic/src/theme/TOC/styles.module.css b/packages/docusaurus-theme-classic/src/theme/TOC/styles.module.css index e0950d845739..9e519333790d 100644 --- a/packages/docusaurus-theme-classic/src/theme/TOC/styles.module.css +++ b/packages/docusaurus-theme-classic/src/theme/TOC/styles.module.css @@ -9,7 +9,7 @@ max-height: calc(100vh - (var(--ifm-navbar-height) + 2rem)); overflow-y: auto; position: sticky; - top: calc(var(--ifm-navbar-height) + 2rem); + top: calc(var(--ifm-navbar-height) + 1rem); } @media only screen and (max-width: 996px) { From e84478476bf8e702c7b4d9b5cb4c8768c50c484e Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Tue, 1 Jun 2021 12:35:15 +0300 Subject: [PATCH 2/3] Avoid to utility class --- .../src/theme/DocPage/index.tsx | 10 +++------- .../src/theme/DocPage/styles.module.css | 2 +- 2 files changed, 4 insertions(+), 8 deletions(-) diff --git a/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx index d73e5d3810a4..fd7e7b7174ed 100644 --- a/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx +++ b/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx @@ -123,13 +123,9 @@ function DocPageContent({ hiddenSidebarContainer || !sidebar, })}>
+ className={clsx('container', styles.docItemWrapper, { + [styles.docItemWrapperEnhanced]: hiddenSidebarContainer, + })}> {children}
diff --git a/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css b/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css index 0499c719b0d6..b5edfc437bed 100644 --- a/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css +++ b/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css @@ -20,7 +20,7 @@ } .docItemWrapper { - padding-top: 0.5rem !important; + padding: 0.5rem 0 2rem 0; } @media (min-width: 997px) { From 757a065d013c7b9ebf35bf8c5c81b60fc30e8834 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Fri, 4 Jun 2021 09:31:37 +0300 Subject: [PATCH 3/3] Fixes --- .../src/theme/DocPage/index.tsx | 10 +++++++--- .../src/theme/DocPage/styles.module.css | 2 +- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx b/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx index fd7e7b7174ed..d73e5d3810a4 100644 --- a/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx +++ b/packages/docusaurus-theme-classic/src/theme/DocPage/index.tsx @@ -123,9 +123,13 @@ function DocPageContent({ hiddenSidebarContainer || !sidebar, })}>
+ className={clsx( + 'container padding-vert--lg', + styles.docItemWrapper, + { + [styles.docItemWrapperEnhanced]: hiddenSidebarContainer, + }, + )}> {children}
diff --git a/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css b/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css index b5edfc437bed..0499c719b0d6 100644 --- a/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css +++ b/packages/docusaurus-theme-classic/src/theme/DocPage/styles.module.css @@ -20,7 +20,7 @@ } .docItemWrapper { - padding: 0.5rem 0 2rem 0; + padding-top: 0.5rem !important; } @media (min-width: 997px) {