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

fix(v1): apply negative margin to docs heading only (#2028)

Browse source
This commit is contained in:
Yangshun Tay 2019-11-21 21:14:31 -08:00 • committed by Endi
parent a2c929824f
commit 0984dfcde5
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/docusaurus-1.x/lib/core/DocsLayout.js
View file

@ -97,7 +97,7 @@ class DocsLayout extends React.Component {
collapsible={this.props.config.docsSideNavCollapsible} collapsible={this.props.config.docsSideNavCollapsible}
metadata={metadata} metadata={metadata}
/> />
<Container className="mainContainer"> <Container className="mainContainer docsContainer">
<DocComponent <DocComponent
metadata={metadata} metadata={metadata}
content={content} content={content}

12
packages/docusaurus-1.x/lib/static/css/main.css
View file

@ -653,9 +653,9 @@ blockquote {
padding: 0; padding: 0;
} }
.mainContainer .wrapper .post .postHeader:before, .docsContainer .wrapper .post .postHeader:before,
.mainContainer .wrapper .post .postHeaderTitle:before { .docsContainer .wrapper .post .postHeaderTitle:before {
content: ""; content: '';
display: block; display: block;
height: 90px; /* fixed header height and empty space below it */ height: 90px; /* fixed header height and empty space below it */
margin-top: -90px; /* negative fixed header height and empty space below it */ margin-top: -90px; /* negative fixed header height and empty space below it */
@ -726,9 +726,9 @@ blockquote {
} }
@media only screen and (max-width: 1023px) { @media only screen and (max-width: 1023px) {
.mainContainer .wrapper .post .postHeader:before, .docsContainer .wrapper .post .postHeader:before,
.mainContainer .wrapper .post .postHeaderTitle:before { .docsContainer .wrapper .post .postHeaderTitle:before {
content: ""; content: '';
display: block; display: block;
height: 200px; /* fixed header height and empty space below it */ height: 200px; /* fixed header height and empty space below it */
margin-top: -200px; /* negative fixed header height and empty space below it */ margin-top: -200px; /* negative fixed header height and empty space below it */