From 8bcb5d33652883e90e8b24df4a6d776e7dcffde2 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Wed, 31 Oct 2018 22:35:41 -0700
Subject: [PATCH] chore: revert full-width nav changes

---
 v1/lib/core/DocsLayout.js  |  4 ++--
 v1/lib/static/css/main.css | 25 +++----------------------
 2 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/v1/lib/core/DocsLayout.js b/v1/lib/core/DocsLayout.js
index f839c939ca..865ef7b47f 100644
--- a/v1/lib/core/DocsLayout.js
+++ b/v1/lib/core/DocsLayout.js
@@ -83,7 +83,7 @@ class DocsLayout extends React.Component {
         metadata={metadata}>
         <div className="docMainWrapper wrapper">
           <DocsSidebar metadata={metadata} />
-          <Container className="mainContainer docMainContainer">
+          <Container className="mainContainer">
             <DocComponent
               metadata={metadata}
               content={content}
@@ -141,7 +141,7 @@ class DocsLayout extends React.Component {
             </div>
           </Container>
           {hasOnPageNav && (
-            <nav className="onPageNav docOnPageNav">
+            <nav className="onPageNav">
               <OnPageNav rawContent={content} />
             </nav>
           )}
diff --git a/v1/lib/static/css/main.css b/v1/lib/static/css/main.css
index 9f63f6ca15..17038a817b 100644
--- a/v1/lib/static/css/main.css
+++ b/v1/lib/static/css/main.css
@@ -1500,8 +1500,7 @@ input::placeholder {
 
 @media only screen and (min-width: 1024px) {
   .docMainWrapper {
-    max-width: 100% !important ;
-    margin: 0;
+    width: 100%;
   }
 
   .docMainWrapper > * {
@@ -1608,9 +1607,7 @@ input::placeholder {
 
 @media only screen and (min-width: 1024px) {
   .docsNavContainer {
-    flex: 1 0 240px;
-    display: flex;
-    justify-content: flex-end;
+    flex: 0 0 240px;
     height: calc(100vh - 50px);
     position: -webkit-sticky;
     position: sticky;
@@ -1653,7 +1650,7 @@ input::placeholder {
   }
 
   .separateOnPageNav .docsNavContainer {
-    flex: 1 0 240px;
+    flex: 0 0 240px;
   }
 }
 
@@ -2012,11 +2009,6 @@ input::placeholder {
       width: auto;
     }
 
-    .docsNavContainer > :first-child {
-      width: 240px;
-      max-width: 240px;
-    }
-
     .separateOnPageNav.sideNavVisible .navPusher .mainContainer {
       flex: 1 auto;
       max-width: 100%;
@@ -2034,10 +2026,6 @@ input::placeholder {
       top: 90px;
     }
 
-    .docOnPageNav {
-      flex: 1 0 240px;
-    }
-
     .onPageNav > .toc-headings {
       border-left: 1px solid #e0e0e0;
       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 .wrapper {
   max-width: 1100px;