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

Merge pull request #5742 from storybooks/feature/toolbar-toggle-animation

Browse Source 
CHANGE animation duration for layout && ADD animation for toolbar
This commit is contained in:
Dominic Nguyen 2019-02-25 11:16:16 -05:00 committed by Michael Shilman
parent 158ceeb07f
commit f0e00c44f9
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,7 +68,7 @@ const Pane = styled.div(
animate
? {
transition: ['width', 'height', 'top', 'left', 'background', 'opacity', 'transform']
.map(p => `${p} 0.09s ease-out`)
.map(p => `${p} 0.1s ease-out`)
.join(','),
}
: {}

4
lib/ui/src/components/preview/__snapshots__/preview.stories.storyshot
View File

@ -296,6 +296,8 @@ Array [
bottom: 0;
top: 40px;
z-index: 3;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
height: calc(100% - 40px);
background: transparent;
}
@ -788,6 +790,8 @@ Array [
bottom: 0;
top: 40px;
z-index: 3;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
height: calc(100% - 40px);
background: transparent;
}

3
lib/ui/src/components/preview/components.js
View File

@ -27,7 +27,8 @@ export const FrameWrap = styled.div(({ offset }) => ({
bottom: 0,
top: offset,
zIndex: 3,
height: offset ? `calc(100% - ${offset}px)` : '100%',
transition: 'all 0.1s linear',
height: `calc(100% - ${offset}px)`,
background: 'transparent',
}));