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

chore: revert full-width nav changes

Browse source
This commit is contained in:
Yangshun Tay 2018-10-31 22:35:41 -07:00
parent db9e07886c
commit 8bcb5d3365
2 changed files with 5 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

4
v1/lib/core/DocsLayout.js
View file

@ -83,7 +83,7 @@ class DocsLayout extends React.Component {
metadata={metadata}> metadata={metadata}>
<div className="docMainWrapper wrapper"> <div className="docMainWrapper wrapper">
<DocsSidebar metadata={metadata} /> <DocsSidebar metadata={metadata} />
<Container className="mainContainer docMainContainer"> <Container className="mainContainer">
<DocComponent <DocComponent
metadata={metadata} metadata={metadata}
content={content} content={content}
@ -141,7 +141,7 @@ class DocsLayout extends React.Component {
</div> </div>
</Container> </Container>
{hasOnPageNav && ( {hasOnPageNav && (
<nav className="onPageNav docOnPageNav"> <nav className="onPageNav">
<OnPageNav rawContent={content} /> <OnPageNav rawContent={content} />
</nav> </nav>
)} )}

25
v1/lib/static/css/main.css
View file

@ -1500,8 +1500,7 @@ input::placeholder {
@media only screen and (min-width: 1024px) { @media only screen and (min-width: 1024px) {
.docMainWrapper { .docMainWrapper {
max-width: 100% !important ; width: 100%;
margin: 0;
} }
.docMainWrapper > * { .docMainWrapper > * {
@ -1608,9 +1607,7 @@ input::placeholder {
@media only screen and (min-width: 1024px) { @media only screen and (min-width: 1024px) {
.docsNavContainer { .docsNavContainer {
flex: 1 0 240px; flex: 0 0 240px;
display: flex;
justify-content: flex-end;
height: calc(100vh - 50px); height: calc(100vh - 50px);
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
@ -1653,7 +1650,7 @@ input::placeholder {
} }
.separateOnPageNav .docsNavContainer { .separateOnPageNav .docsNavContainer {
flex: 1 0 240px; flex: 0 0 240px;
} }
} }
@ -2012,11 +2009,6 @@ input::placeholder {
width: auto; width: auto;
} }
.docsNavContainer > :first-child {
width: 240px;
max-width: 240px;
}
.separateOnPageNav.sideNavVisible .navPusher .mainContainer { .separateOnPageNav.sideNavVisible .navPusher .mainContainer {
flex: 1 auto; flex: 1 auto;
max-width: 100%; max-width: 100%;
@ -2034,10 +2026,6 @@ input::placeholder {
top: 90px; top: 90px;
} }
.docOnPageNav {
flex: 1 0 240px;
}
.onPageNav > .toc-headings { .onPageNav > .toc-headings {
border-left: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;
padding: 10px 0 2px 15px; padding: 10px 0 2px 15px;
@ -2049,13 +2037,6 @@ input::placeholder {
} }
} }
@media only screen and (min-width: 1024px) {
.separateOnPageNav.sideNavVisible .navPusher .docMainContainer {
flex-basis: 784px;
flex-grow: 0;
}
}
/* Blog */ /* Blog */
.blog .wrapper { .blog .wrapper {
max-width: 1100px; max-width: 1100px;