diff options
| author | Maxime Quandalle <maxime@quandalle.com> | 2015-05-22 19:40:12 +0200 |
|---|---|---|
| committer | Maxime Quandalle <maxime@quandalle.com> | 2015-05-22 19:40:12 +0200 |
| commit | 6fe08cd4b3a0db0695db13a1b95cab7834de3ba6 (patch) | |
| tree | 75eab6c86b48696c04dd205bd38b0887f9d72f78 /client/components/main/popup.styl | |
| parent | 790a0e0a2d703f4a318acea3b102fcc6f7aebbb0 (diff) | |
| download | wekan-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.styl | 29 |
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 |