From 2088153ffb0d752a29372eaad5030f8729ab9c55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20B=C3=BCchele?= <danielbuechele@fb.com>
Date: Tue, 6 Nov 2018 05:36:20 -0800
Subject: [PATCH] make width of DetailsSidebar configurable

Summary:
The `DetailsSidebar` has a fixed width of 300px. For some plugins it makes sense to specify a larger width for the sidebar, to show more content in it.

Usage:
```
<DetailSidebar width={500}>...</DetailSidebar>
```

Reviewed By: passy

Differential Revision: D12924525

fbshipit-source-id: 889d799017a6d3d53f6d32510863b4838a928fba
---
 src/chrome/DetailSidebar.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/chrome/DetailSidebar.js b/src/chrome/DetailSidebar.js
index 4fa23970d..0d3d5e477 100644
--- a/src/chrome/DetailSidebar.js
+++ b/src/chrome/DetailSidebar.js
@@ -16,6 +16,7 @@ type Props = {
   rightSidebarVisible: boolean,
   rightSidebarAvailable: boolean,
   toggleRightSidebarAvailable: (visible: boolean) => void,
+  width?: number,
 };
 
 class DetailSidebar extends React.Component<Props> {
@@ -41,7 +42,7 @@ class DetailSidebar extends React.Component<Props> {
       this.props.rightSidebarVisible &&
       domNode &&
       ReactDOM.createPortal(
-        <Sidebar width={300} position="right">
+        <Sidebar width={this.props.width || 300} position="right">
           {this.props.children}
         </Sidebar>,
         domNode,