Fix initial bottom panel size (#6822)

Fix initial bottom panel size
storybookjs · May 21, 2019 · c317801 · c317801 · vercel · May 21, 2019
2 parents a80daf4 + 5c23c76
commit c317801
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot b/lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot
@@ -219,7 +219,7 @@ exports[`Storyshots UI|Layout/Desktop bottom Panel 1`] = `
   />
   <div
     class="react-draggable emotion-1"
-    style="touch-action:none;left:210px;width:804px;margin-top:-10px;transform:translate(0px,368px)"
+    style="touch-action:none;left:210px;width:804px;margin-top:-10px;transform:translate(0px,461px)"
   />
   <div
     class="emotion-3"
@@ -259,7 +259,7 @@ exports[`Storyshots UI|Layout/Desktop bottom Panel 1`] = `
     >
       <div
         class="emotion-5"
-        style="height:358px;left:0;top:0;width:804px"
+        style="height:451px;left:0;top:0;width:804px"
       >
         <div
           class="emotion-4"
@@ -277,7 +277,7 @@ exports[`Storyshots UI|Layout/Desktop bottom Panel 1`] = `
     "animate": true,
     "isFullscreen": false,
     "position": {
-      "height": 358,
+      "height": 451,
       "left": 0,
       "top": 0,
       "width": 804
@@ -289,7 +289,7 @@ exports[`Storyshots UI|Layout/Desktop bottom Panel 1`] = `
       </div>
       <div
         class="emotion-7"
-        style="height:390px;left:0;top:358px;width:804px"
+        style="height:297px;left:0;top:451px;width:804px"
       >
         <div
           class="emotion-6"
@@ -307,9 +307,9 @@ exports[`Storyshots UI|Layout/Desktop bottom Panel 1`] = `
     "align": "bottom",
     "hidden": false,
     "position": {
-      "height": 390,
+      "height": 297,
       "left": 0,
-      "top": 358,
+      "top": 451,
       "width": 804
     }
   }

diff --git a/lib/ui/src/components/layout/container.js b/lib/ui/src/components/layout/container.js
@@ -282,7 +282,7 @@ class Layout extends Component {
       resizerPanel:
         resizerPanel ||
         (options.panelPosition === 'bottom'
-          ? { x: 0, y: bounds.height - 400 }
+          ? { x: 0, y: Math.round(bounds.height * 0.6) }
           : { x: bounds.width - 400, y: 0 }),
     };
   }