From 1a44d99db1cdee81b2b15b1bd07f424f265de970 Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Sun, 21 Apr 2019 13:46:07 -0700
Subject: [PATCH] misc(v2): add dummy table of contents to docs page

---
 .../lib/default-theme/DocBody/index.js        | 43 +++++++++++++++++--
 .../default-theme/Sidebar/styles.module.css   |  2 +-
 2 files changed, 40 insertions(+), 5 deletions(-)

diff --git a/packages/docusaurus/lib/default-theme/DocBody/index.js b/packages/docusaurus/lib/default-theme/DocBody/index.js
index 9a35b9ba27..5010e136e7 100644
--- a/packages/docusaurus/lib/default-theme/DocBody/index.js
+++ b/packages/docusaurus/lib/default-theme/DocBody/index.js
@@ -30,15 +30,50 @@ function DocBody(props) {
         {language && <meta name="docsearch:language" content={language} />}
         {version && <meta name="docsearch:version" content={version} />}
       </Head>
-      <div className="container margin-bottom--lg">
+      <div className="container margin-vert--lg">
         <div className="row">
-          <div className="col col--8 col--offset-2">
-            <h1 className="margin-vert--lg">{metadata.title}</h1>
-            <DocContents />
+          <div className="col col--8">
+            <h1 className="margin-bottom--lg">{metadata.title}</h1>
+            <div className="markdown">
+              <DocContents />
+            </div>
             <div className="margin-vert--lg">
               <DocsPaginator />
             </div>
           </div>
+          <div className="col col--2 col--offset-1">
+            <ul className="contents contents__left-border">
+              <li>
+                <a className="contents__link" href="#url">
+                  Dummy Text
+                </a>
+              </li>
+              <li>
+                <a className="contents__link" href="#url">
+                  Dummy Text
+                </a>
+                <ul>
+                  <li>
+                    <a
+                      className="contents__link contents__link--active"
+                      href="#url">
+                      Dummy Text
+                    </a>
+                  </li>
+                  <li>
+                    <a className="contents__link" href="#url">
+                      Dummy Text
+                    </a>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <a className="contents__link" href="#url">
+                  Dummy Text
+                </a>
+              </li>
+            </ul>
+          </div>
         </div>
       </div>
     </div>
diff --git a/packages/docusaurus/lib/default-theme/Sidebar/styles.module.css b/packages/docusaurus/lib/default-theme/Sidebar/styles.module.css
index 5e0768bd5e..cf8850998a 100644
--- a/packages/docusaurus/lib/default-theme/Sidebar/styles.module.css
+++ b/packages/docusaurus/lib/default-theme/Sidebar/styles.module.css
@@ -9,7 +9,7 @@
   border-right: 1px solid #dadde1;
   bottom: 0;
   box-sizing: border-box;
-  padding: 0.25rem;
+  padding: 2rem 0.25rem 2rem 2rem;
   left: 0;
   position: fixed;
   overflow-x: hidden;