Animate popup screens transition

This commit is contained in:
Maxime Quandalle 2015-05-22 19:40:12 +02:00
parent 790a0e0a2d
commit 6fe08cd4b3
4 changed files with 46 additions and 16 deletions

View file

@ -73,8 +73,17 @@
color: darken(white, 80%)
.back-btn
padding: 10px
float: left
overflow: hidden
width: 30px
transition: width 0.2s
i.fa
margin: 10px
margin-top: 12px
&.is-hidden
width: 0
.close-btn
padding: 10px 10px 10px 4px
@ -82,11 +91,21 @@
top: 0
right: 0
.content
overflow-x: hidden
overflow-y: auto
padding: 0 10px 10px
.content-wrapper
width: 100%
.content-container
width: 1000px
max-height: 550px
transition: transform 0.2s
.content
width: 300 - 20px
padding: 0 10px 10px
float: left
&.is-hidden
height: 0
.quiet
padding: 6px 6px 4px