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

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

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
);
} }
} }