From 6ec24348f7ae94e2ee7217befabcd5c2ef850afc Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Tue, 4 Nov 2014 17:57:23 -0300
Subject: [PATCH 1/3] first animation $ wallet selection

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

diff --git a/css/src/main.css b/css/src/main.css
index e2dc11367..7bd62c22a 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -1085,12 +1085,28 @@ button.gray:focus,
   text-transform: uppercase;
 }
 
-.side-nav.wallets {
-  background-color: #213140 ;
+.side-nav.wallets li {
   padding: 1.2rem 0.7rem;
+}
+
+.side-nav.wallets {
+  z-index: 9999;
+  background-color: #213140 ;
   border-bottom: 1px solid #3A4E61;
   overflow-y: auto;
-  height: 160px;
+  position: absolute;
+  height: 0%;
+  width: 100%;
+  padding: 0;
+  -webkit-transition: height 250ms ease-in;
+    -moz-transition: height 250ms ease-in;
+    -o-transition: height 250ms ease-in;
+    -ms-transition: height 250ms ease-in;
+    transition: height 250ms ease-in;
+}
+
+.side-nav.wallets.bechi {
+  height: 100%;
 }
 
 .side-nav.wallets.medium {
diff --git a/views/includes/sidebar.html b/views/includes/sidebar.html
index e10055c28..09f625974 100644
--- a/views/includes/sidebar.html
+++ b/views/includes/sidebar.html
@@ -42,15 +42,15 @@
 
   </div>
 
-  <div ng-if="walletSelection">
-    <ul class="side-nav wallets" ng-show="wallets.0"
+  <div>
+    <ul class="side-nav wallets" ng-class="{'bechi': 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">
+      <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">
           <div class="avatar-wallet">{{(item.name || item.id) | limitTo: 1}}</div>
         </div>
         <div class="col2">
-          <a class="size-12 wallet-item" ng-click="switchWallet(item.id)">
+          <a class="size-12 wallet-item" >
             <div class="oh">
               <div class="right size-10 type-wallet">[ {{item.requiredCopayers}} of {{item.totalCopayers}} ]</div> 
               <div class="ellipsis name-wallet">{{item.name || item.id}}</div>

From f1e1f6e85328a825913c1a5fdecf61a211f13669 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Wed, 5 Nov 2014 09:20:58 -0300
Subject: [PATCH 2/3] fix name class

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

diff --git a/css/src/main.css b/css/src/main.css
index 7bd62c22a..2e303574f 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -1105,7 +1105,7 @@ button.gray:focus,
     transition: height 250ms ease-in;
 }
 
-.side-nav.wallets.bechi {
+.side-nav.wallets.open {
   height: 100%;
 }
 
diff --git a/views/includes/sidebar.html b/views/includes/sidebar.html
index 09f625974..7bd78aa5c 100644
--- a/views/includes/sidebar.html
+++ b/views/includes/sidebar.html
@@ -43,7 +43,7 @@
   </div>
 
   <div>
-    <ul class="side-nav wallets" ng-class="{'bechi': walletSelection}" ng-show="wallets.0"
+    <ul class="side-nav wallets" ng-class="{'open': 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">

From e69cc54fc8d1356cdaba1fb0be2e8cafaf1b6aa1 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Wed, 5 Nov 2014 09:39:22 -0300
Subject: [PATCH 3/3] fix size screen

---
 css/src/main.css | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/css/src/main.css b/css/src/main.css
index 2e303574f..8a494a581 100644
--- a/css/src/main.css
+++ b/css/src/main.css
@@ -1411,12 +1411,6 @@ a.text-warning:hover {color: #FD7262;}
   }
 }
 
-@media (max-height: 590px) {
-  .side-nav.wallets {
-    height: 180px !important;
-  }
-}
-
 @media (max-height: 380px) {
   .sidebar-footer {
     display: none;