Scroll doc sidebar not whole page

Reviewed By: danielbuechele Differential Revision: D6976133 fbshipit-source-id: 7807aa4e2ab0ed013fbd1f4bbef2ee1b8098dff6
2018-02-13 06:37:44 -08:00
parent 8ba663f6f4
commit 9b501dd9eb
3 changed files with 6 additions and 1 deletions
--- 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  {
--- 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;
 }
--- 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}