From 6c61cd5f05abe51d33c67db13df74206a908e1d6 Mon Sep 17 00:00:00 2001
From: Sidharth Guglani <sidharthguglani@fb.com>
Date: Wed, 19 Feb 2020 11:10:06 -0800
Subject: [PATCH] Fix layout tab scrolling in playground

Summary: Add a scroll bar to layout tab in playground to fix the UI issue where margin, border were not accessible.

Reviewed By: danielbuechele

Differential Revision: D19906128

fbshipit-source-id: 2c2d7695f731b2d312b78eab31c66d737915eaae
---
 website/src/components/Playground/src/Editor.css | 3 ++-
 website/src/components/Playground/src/Editor.js  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/website/src/components/Playground/src/Editor.css b/website/src/components/Playground/src/Editor.css
index f53451f7..78974f63 100644
--- a/website/src/components/Playground/src/Editor.css
+++ b/website/src/components/Playground/src/Editor.css
@@ -51,7 +51,8 @@
 }
 
 .Editor .ant-tabs-tabpane {
-  overflow-y: scroll;
+  overflow-y: auto;
+  height: 45vh;
   padding: 15px;
 }
 
diff --git a/website/src/components/Playground/src/Editor.js b/website/src/components/Playground/src/Editor.js
index f7076865..4b6b6593 100644
--- a/website/src/components/Playground/src/Editor.js
+++ b/website/src/components/Playground/src/Editor.js
@@ -196,7 +196,7 @@ export default class Editor extends Component<Props> {
               onChange={this.props.onChangeLayout}
             />
           </TabPane>
-          <TabPane tab="Layout" key="3">
+          <TabPane tab="Layout" key="3" className="ant-tabs-tabpane">
             <h2>
               Width &times; Height
               <InfoText doclink="/docs/width-height">