From 9b501dd9ebbc4c7b090b3f8064935b99b10c21e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emil=20Sj=C3=B6lander?= <emilsj@fb.com>
Date: Tue, 13 Feb 2018 06:37:44 -0800
Subject: [PATCH] Scroll doc sidebar not whole page

Reviewed By: danielbuechele

Differential Revision: D6976133

fbshipit-source-id: 7807aa4e2ab0ed013fbd1f4bbef2ee1b8098dff6
---
 website/src/components/DocsSidebar.css  | 1 +
 website/src/templates/index.css         | 4 ++++
 website/src/templates/withPlayground.js | 2 +-
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/website/src/components/DocsSidebar.css b/website/src/components/DocsSidebar.css
index d8d1ff37..a0f73f45 100644
--- a/website/src/components/DocsSidebar.css
+++ b/website/src/components/DocsSidebar.css
@@ -3,6 +3,7 @@
   width: 350px;
   padding: 20px;
   border-right: 1px solid #dddfe2;
+  overflow: auto;
 }
 
 .DocsSidebar h3  {
diff --git a/website/src/templates/index.css b/website/src/templates/index.css
index 6d698dfb..0ae1f74c 100644
--- a/website/src/templates/index.css
+++ b/website/src/templates/index.css
@@ -1,3 +1,7 @@
+.doc-block, .playground {
+  height: 1vh;
+}
+
 .no-playground .markdown {
   padding-top: 50px;
 }
diff --git a/website/src/templates/withPlayground.js b/website/src/templates/withPlayground.js
index c6e1d14b..1b40b87f 100644
--- a/website/src/templates/withPlayground.js
+++ b/website/src/templates/withPlayground.js
@@ -20,7 +20,7 @@ import {Button, Icon, Row, Col} from 'antd';
 import './index.css';
 
 export default ({pathContext}) => (
-  <Page className="doc-block">
+  <Page className="doc-block playground">
     <Playground
       selectedNodePath={[]}
       showGuides={false}