mirror of
https://github.com/responsively-org/responsively-app
synced 2024-11-14 16:37:27 +00:00
Merge pull request #254 from vlazaroes/fix/drawer-animation
Fix animation when opening the Drawer
This commit is contained in:
commit
effaf096ed
2 changed files with 6 additions and 5 deletions
|
@ -1,16 +1,16 @@
|
|||
.drawer {
|
||||
width: 0;
|
||||
width: 290px;
|
||||
overflow: hidden;
|
||||
transition: width 0.2s;
|
||||
transition: margin-left 0.2s;
|
||||
background: #252526;
|
||||
margin: 0 10px 0 -290px;
|
||||
padding: 5px 5px 0 5px;
|
||||
}
|
||||
|
||||
.drawer.open {
|
||||
width: 290px;
|
||||
margin-left: 0;
|
||||
flex-shrink: 0;
|
||||
box-shadow: 5px 7px 5px 0px rgba(0, 0, 0, 0.75);
|
||||
margin: 0 10px 0 0;
|
||||
padding: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.contentContainer {
|
||||
|
|
|
@ -19,6 +19,7 @@ const Browser = ({browser}) => {
|
|||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'row',
|
||||
overflowX: 'hidden',
|
||||
height: 0,
|
||||
flexGrow: 1,
|
||||
flexBasis: 0,
|
||||
|
|
Loading…
Reference in a new issue