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

fix(v2): fix some docs container/sidebar layout issues (#5035)

Browse source
This commit is contained in:
Sébastien Lorber 2021-06-23 12:32:36 +02:00 • committed by GitHub
parent 119c6d143e
commit 7e55aa10a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,6 +7,7 @@
:root { :root {
--doc-sidebar-width: 300px; --doc-sidebar-width: 300px;
--doc-sidebar-hidden-width: 30px;
} }
:global(.docs-wrapper) { :global(.docs-wrapper) {
@ -26,7 +27,7 @@
} }
.docMainContainerEnhanced { .docMainContainerEnhanced {
max-width: none; max-width: calc(100% - var(--doc-sidebar-hidden-width));
} }
.docSidebarContainer { .docSidebarContainer {
@ -39,7 +40,7 @@
} }
.docSidebarContainerHidden { .docSidebarContainerHidden {
width: 30px; width: var(--doc-sidebar-hidden-width);
cursor: pointer; cursor: pointer;
} }
@ -80,21 +81,6 @@
@media (max-width: 996px) { @media (max-width: 996px) {
.docSidebarContainer { .docSidebarContainer {
margin-top: 0; display: none;
}
}
@media (min-width: 997px) and (max-width: 1320px) {
.docItemWrapper {
max-width: calc(
var(--ifm-container-width) - var(--doc-sidebar-width) -
var(--ifm-spacing-horizontal) * 2
);
}
.docItemWrapperEnhanced {
max-width: calc(
var(--ifm-container-width) - var(--ifm-spacing-horizontal) * 2
);
} }
} }