Fix layout thrashing

emotion-js · Dec 30, 2017 · 7c866f7 · 7c866f7
1 parent 91cdbe8
commit 7c866f7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/packages/site/package.json b/packages/site/package.json
@@ -40,7 +40,7 @@
     "react-helmet": "^5.2.0",
     "react-icons": "^2.2.7",
     "react-live": "^1.7.1",
-    "react-sidebar": "^2.3.2",
+    "react-sidebar": "2.3.2",
     "rebass-emotion": "^1.0.5",
     "remark-frontmatter": "^1.1.0",
     "remark-parse": "^4.0.0",

diff --git a/packages/site/src/components/DocSidebar.js b/packages/site/src/components/DocSidebar.js
@@ -7,6 +7,8 @@ if (typeof window !== 'undefined') {
   mql = window.matchMedia(`(min-width: 900px)`)
 }
 
+Sidebar.prototype.saveSidebarWidth = () => {}
+
 type State = {
   docked: boolean,
   open: boolean

diff --git a/packages/site/src/components/DocWrapper.js b/packages/site/src/components/DocWrapper.js
@@ -96,6 +96,7 @@ export default (props: Props) => {
   return (
     <Box flex={1}>
       <DocSidebar
+        defaultSidebarWidth={290}
         renderOutside={({ docked, setSidebarOpenState }) =>
           !docked && (
             <ToggleSidebarButton onClick={() => setSidebarOpenState(true)}>