summaryrefslogtreecommitdiffstats
path: root/client/components/main/popup.styl
diff options
context:
space:
mode:
authorMaxime Quandalle <maxime@quandalle.com>2015-05-22 19:40:12 +0200
committerMaxime Quandalle <maxime@quandalle.com>2015-05-22 19:40:12 +0200
commit6fe08cd4b3a0db0695db13a1b95cab7834de3ba6 (patch)
tree75eab6c86b48696c04dd205bd38b0887f9d72f78 /client/components/main/popup.styl
parent790a0e0a2d703f4a318acea3b102fcc6f7aebbb0 (diff)
downloadwekan-6fe08cd4b3a0db0695db13a1b95cab7834de3ba6.tar.gz
wekan-6fe08cd4b3a0db0695db13a1b95cab7834de3ba6.tar.bz2
wekan-6fe08cd4b3a0db0695db13a1b95cab7834de3ba6.zip
Animate popup screens transition
Diffstat (limited to 'client/components/main/popup.styl')
-rw-r--r--client/components/main/popup.styl29
1 files changed, 24 insertions, 5 deletions
diff --git a/client/components/main/popup.styl b/client/components/main/popup.styl
index 8c9993af..151b4fcb 100644
--- a/client/components/main/popup.styl
+++ b/client/components/main/popup.styl
@@ -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