From 867c4b20bdd26b5dca701b2b43bdea4147068c83 Mon Sep 17 00:00:00 2001
From: Matias Alejo Garcia <ematiu@gmail.com>
Date: Thu, 23 Apr 2015 12:58:08 -0300
Subject: [PATCH] add 3d transform

---
 public/views/walletHome.html | 20 ++++++++++++++------
 src/css/mobile.css           | 19 +++++++++++++++++++
 2 files changed, 33 insertions(+), 6 deletions(-)

diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index 572ff73a9..38502a396 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -1,7 +1,7 @@
 <div class="home-wallet" ng-controller="walletHomeController as home">
   <div class="oh" ng-show="!index.noFocusedWallet">
 
-    <div ng-show="index.tab=='walletHome'">
+    <div class="walletHome tab-view" ng-class="{'tab-in' : index.tab=='walletHome', 'tab-out': index.tab!='walletHome' }">
     <div class="amount" ng-style="{'background-color':index.backgroundColor}">
       <div ng-if="!index.anyOnGoingProcess && !index.notAuthorized">
         <div ng-show="index.updateError" ng-click='index.openWallet()'> 
@@ -114,8 +114,12 @@
   </div>
   </div>
 
-<!-- receive -->
-<div class="receive" ng-show="index.tab=='receive'">
+<!--
+
+ receive 
+
+-->
+<div class="receive tab-view" ng-class="{'tab-in' : index.tab=='receive', 'tab-out': index.tab!='receive' }">
 
   <div ng-show="index.needsBackup && !home.skipBackup" class="p60t row text-center"> 
     <div class="text-warning text-bold m15b"> 
@@ -187,7 +191,7 @@
  send
 
  -->
-<div class="send" ng-show="index.tab=='send'">
+<div class="send tab-view" ng-class="{'tab-in' : index.tab=='send', 'tab-out': index.tab!='send' }">
   <div ng-show="index.lockedBalance">
       <h4 class="title m0">
         <div class="left">
@@ -328,8 +332,12 @@
   <!--  end of row -->
 </div>
 
-<!-- history -->
-<div class="history" ng-show="index.tab=='history'">
+<!-- 
+
+history 
+
+-->
+<div class="history tab-view" ng-class="{'tab-in' : index.tab=='history', 'tab-out': index.tab!='history' }">
   <div class="row m20t" ng-show="!index.txHistory[0]">
     <div class="large-12 columns">
       <div class="oh text-center">
diff --git a/src/css/mobile.css b/src/css/mobile.css
index 21404d8da..7ac7e3413 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -687,3 +687,22 @@ a.pin-button:active {
   opacity: 0;
 }
 
+.tab-view {
+  -webkit-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+  width:100%;
+  position: absolute;
+}
+
+.tab-in {
+  -webkit-transform: translate3d(0, 0, 0) !important;
+  transform: translate3d(0, 0, 0) !important;
+}
+
+.tab-out {
+  -webkit-transform: translate3d(-100%, 0, 0) !important;
+  transform: translate3d(-100%, 0, 0) !important;
+}
+
+
+