GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 21:41:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix initial bottom panel size (#6822)

Browse Source 
Fix initial bottom panel size
This commit is contained in:
Norbert de Langen 2019-05-21 02:17:34 +02:00 committed by GitHub
commit c31780123b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
lib/ui/src/components/layout/__snapshots__/layout.stories.storyshot
View File

@ -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
}
}

2
lib/ui/src/components/layout/container.js
View File

@ -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 }),
};
}