3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-10 23:57:22 +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}
metadata={metadata}
/>
<Container className="mainContainer">
<Container className="mainContainer docsContainer">
<DocComponent
metadata={metadata}
content={content}

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

@ -653,12 +653,12 @@ blockquote {
padding: 0;
}
.mainContainer .wrapper .post .postHeader:before,
.mainContainer .wrapper .post .postHeaderTitle:before {
content: "";
.docsContainer .wrapper .post .postHeader:before,
.docsContainer .wrapper .post .postHeaderTitle:before {
content: '';
display: block;
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 */
visibility: hidden;
pointer-events: none;
}
@ -726,12 +726,12 @@ blockquote {
}
@media only screen and (max-width: 1023px) {
.mainContainer .wrapper .post .postHeader:before,
.mainContainer .wrapper .post .postHeaderTitle:before {
content: "";
.docsContainer .wrapper .post .postHeader:before,
.docsContainer .wrapper .post .postHeaderTitle:before {
content: '';
display: block;
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 */
visibility: hidden;
pointer-events: none;
}