From eaa3247479e4994090f533c48804e8628d2f40d4 Mon Sep 17 00:00:00 2001
From: Gustavo Maximiliano Cortez <cmgustavo83@gmail.com>
Date: Thu, 23 Apr 2015 18:29:25 -0300
Subject: [PATCH] Fix preferences animation

---
 public/views/includes/topbar.html |  8 ++++++--
 src/css/mobile.css                | 21 ++++++++++-----------
 src/js/routes.js                  |  4 ++--
 3 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/public/views/includes/topbar.html b/public/views/includes/topbar.html
index f9d844d6a..fe2ca0d4f 100644
--- a/public/views/includes/topbar.html
+++ b/public/views/includes/topbar.html
@@ -1,6 +1,6 @@
 <nav ng-controller="topbarController as topbar" class="tab-bar animated fadeIn">
   <section class="left-small">
-    <a class="p10" ng-show="!goBackToState && !index.noFocusedWallet" 
+    <a class="p10" ng-show="!goBackToState && !closeToState  && !index.noFocusedWallet" 
       ng-click="index.openMenu()"><i class="fi-list size-24"></i>
     </a>
     <a ng-show="goBackToState"
@@ -10,8 +10,12 @@
   </section>
 
   <section class="right-small" ng-show="index.isComplete && !goBackToState">
-    <a class="p10" 
+    <a ng-show="!closeToState" class="p10" 
       ng-click="topbar.openScanner()"><i class="fi-camera size-24"></i></a>
+    <a ng-show="closeToState" class="p10"
+      ng-click="$root.go(closeToState); closeToState = null">
+      {{'Done'|translate}}
+    </a>
   </section>
 
   <section class="middle tab-bar-section">
diff --git a/src/css/mobile.css b/src/css/mobile.css
index a557324d4..a516f3642 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -642,45 +642,44 @@ a.pin-button:active {
 
 .animation-left.ng-enter, .animation-left.ng-leave, 
 .animation-right.ng-enter, .animation-right.ng-leave { 
-  -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 300ms;
-  -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 300ms;
-  -ms-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 300ms;
-  -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 300ms;
-  transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 300ms;
+  -webkit-transition: all ease-in-out 250ms;
+  transition: all ease-in-out 250ms;
 }
 
 .animation-left.ng-enter {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
-  opacity: 0.6;
+  -webkit-transition-delay: 0.001s;
+  transition-delay: 0.001s;
 }
 .animation-right.ng-enter {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
-  opacity: 0.6;
+  -webkit-transition-delay: 0.001s;
+  transition-delay: 0.001s;
 }
 .animation-left.ng-enter.ng-enter-active,
 .animation-right.ng-enter.ng-enter-active {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
-  opacity: 1;
 }
  
 .animation-left.ng-leave,
 .animation-right.ng-leave {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
-  opacity: 0.6;
 }
 .animation-left.ng-leave.animation-left.ng-leave-active {
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
-  opacity: 0.6;
+  -webkit-transition-delay: 0.001s;
+  transition-delay: 0.001s;
 }
 .animation-right.ng-leave.animation-right.ng-leave-active {
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
-  opacity: 0.6;
+  -webkit-transition-delay: 0.001s;
+  transition-delay: 0.001s;
 }
 
 .tab-view {
diff --git a/src/js/routes.js b/src/js/routes.js
index 7b162f30e..a6ec1ce51 100644
--- a/src/js/routes.js
+++ b/src/js/routes.js
@@ -192,7 +192,7 @@ angular
             templateUrl: 'views/includes/topbar.html',
             controller: function($scope) {
               $scope.titleSection = 'Preferences';
-              $scope.goBackToState = 'walletHome';
+              $scope.closeToState = 'walletHome';
             }
           }
         }
@@ -405,7 +405,7 @@ angular
       receive: 0,
       send: 0,
       history: 0,
-      preferences: 11,
+      preferences: 0,
       preferencesColor: 12,
       backup: 12,
       delete: 12,