From f0f5202c7de933b60d9655ee7b04874cfa4df0a0 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Thu, 6 Nov 2014 18:25:35 -0300
Subject: [PATCH] fix animation style

---
 css/src/main.css            | 65 ++++++++++++++++++++++++++++++++++++-
 views/includes/sidebar.html |  2 +-
 2 files changed, 65 insertions(+), 2 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index e9d6f3aaf..f5d3a3697 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -1111,7 +1111,7 @@ button.gray:focus,
     transition: height 250ms ease-in;
 }
 
-.side-nav.wallets.open {
+.side-nav.wallets.pullDown {
   height: 100%;
 }
 
@@ -1412,6 +1412,69 @@ a.text-warning:hover {color: #FD7262;}
 
 /* Animation popup */
 
+.pullDown {
+  animation-name: pullDown;
+  -webkit-animation-name: pullDown; 
+
+  animation-duration: 1.1s; 
+  -webkit-animation-duration: 1.1s;
+
+  animation-timing-function: ease-out;  
+  -webkit-animation-timing-function: ease-out;  
+
+  transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;     
+}
+
+@keyframes pullDown {
+  0% {
+    transform: scaleY(0.1);
+  }
+  40% {
+    transform: scaleY(1.02);
+  }
+  60% {
+    transform: scaleY(0.98);
+  }
+  80% {
+    transform: scaleY(1.01);
+  }
+  100% {
+    transform: scaleY(0.98);
+  }       
+  80% {
+    transform: scaleY(1.01);
+  }
+  100% {
+    transform: scaleY(1);
+  }             
+}
+
+@-webkit-keyframes pullDown {
+  0% {
+    -webkit-transform: scaleY(0.1);
+  }
+  40% {
+    -webkit-transform: scaleY(1.02);
+  }
+  60% {
+    -webkit-transform: scaleY(0.98);
+  }
+  80% {
+    -webkit-transform: scaleY(1.01);
+  }
+  100% {
+    -webkit-transform: scaleY(0.98);
+  }       
+  80% {
+    -webkit-transform: scaleY(1.01);
+  }
+  100% {
+    -webkit-transform: scaleY(1);
+  }   
+}
+
 /*-----------------------------------------------------------------*/
 
 .w-popup-menu{
diff --git a/views/includes/sidebar.html b/views/includes/sidebar.html
index 8cb8396f4..d3e11667d 100644
--- a/views/includes/sidebar.html
+++ b/views/includes/sidebar.html
@@ -45,7 +45,7 @@
   </div>
 
   <div>
-    <ul class="side-nav wallets" ng-class="{'open': walletSelection}" ng-show="wallets.0"
+    <ul class="side-nav wallets" ng-class="{'pullDown': walletSelection}" ng-show="wallets.0"
       ng-class="{'large':wallets.length > 4, 'medium':wallets.length > 2 && wallets.length < 5}">
       <li data-ng-repeat="item in wallets track by $index" class="nav-item" ng-if="item.id != $root.wallet.id" ng-click="switchWallet(item.id)">
         <div class="col1">