From 0984dfcde56dc00932ac1957240b88afbb28518b Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Thu, 21 Nov 2019 21:14:31 -0800
Subject: [PATCH] fix(v1): apply negative margin to docs heading only (#2028)

---
 packages/docusaurus-1.x/lib/core/DocsLayout.js  |  2 +-
 packages/docusaurus-1.x/lib/static/css/main.css | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/docusaurus-1.x/lib/core/DocsLayout.js b/packages/docusaurus-1.x/lib/core/DocsLayout.js
index 0f99ff4f0b..15b6fe98fc 100644
--- a/packages/docusaurus-1.x/lib/core/DocsLayout.js
+++ b/packages/docusaurus-1.x/lib/core/DocsLayout.js
@@ -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}
diff --git a/packages/docusaurus-1.x/lib/static/css/main.css b/packages/docusaurus-1.x/lib/static/css/main.css
index ba0733df12..0d1ff7b569 100644
--- a/packages/docusaurus-1.x/lib/static/css/main.css
+++ b/packages/docusaurus-1.x/lib/static/css/main.css
@@ -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;
   }