Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-14 16:37:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #254 from vlazaroes/fix/drawer-animation

Browse source 
Fix animation when opening the Drawer
This commit is contained in:
Manoj Vivek 2020-07-03 16:51:34 +05:30 committed by GitHub
commit effaf096ed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
desktop-app/app/components/Drawer/styles.css
View file

@ -1,16 +1,16 @@
.drawer { .drawer {
width: 0; width: 290px;
overflow: hidden; overflow: hidden;
transition: width 0.2s; transition: margin-left 0.2s;
background: #252526; background: #252526;
margin: 0 10px 0 -290px;
padding: 5px 5px 0 5px;
} }
.drawer.open { .drawer.open {
width: 290px; margin-left: 0;
flex-shrink: 0; flex-shrink: 0;
box-shadow: 5px 7px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 5px 7px 5px 0px rgba(0, 0, 0, 0.75);
margin: 0 10px 0 0;
padding: 5px 5px 0 0;
} }
.contentContainer { .contentContainer {

1
desktop-app/app/containers/Browser/index.js
View file

@ -19,6 +19,7 @@ const Browser = ({browser}) => {
style={{ style={{
display: 'flex', display: 'flex',
flexDirection: 'row', flexDirection: 'row',
overflowX: 'hidden',
height: 0, height: 0,
flexGrow: 1, flexGrow: 1,
flexBasis: 0, flexBasis: 0,