anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

add 3d transform

Browse source
This commit is contained in:
Matias Alejo Garcia 2015-04-23 12:58:08 -03:00
commit 867c4b20bd
2 changed files with 33 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

20
public/views/walletHome.html
View file

@ -1,7 +1,7 @@
<div class="home-wallet" ng-controller="walletHomeController as home"> <div class="home-wallet" ng-controller="walletHomeController as home">
<div class="oh" ng-show="!index.noFocusedWallet"> <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 class="amount" ng-style="{'background-color':index.backgroundColor}">
<div ng-if="!index.anyOnGoingProcess && !index.notAuthorized"> <div ng-if="!index.anyOnGoingProcess && !index.notAuthorized">
<div ng-show="index.updateError" ng-click='index.openWallet()'> <div ng-show="index.updateError" ng-click='index.openWallet()'>
@ -114,8 +114,12 @@
</div> </div>
</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 ng-show="index.needsBackup && !home.skipBackup" class="p60t row text-center">
<div class="text-warning text-bold m15b"> <div class="text-warning text-bold m15b">
@ -187,7 +191,7 @@
send 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"> <div ng-show="index.lockedBalance">
<h4 class="title m0"> <h4 class="title m0">
<div class="left"> <div class="left">
@ -328,8 +332,12 @@
<!-- end of row --> <!-- end of row -->
</div> </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="row m20t" ng-show="!index.txHistory[0]">
<div class="large-12 columns"> <div class="large-12 columns">
<div class="oh text-center"> <div class="oh text-center">

19
src/css/mobile.css
View file

@ -687,3 +687,22 @@ a.pin-button:active {
opacity: 0; 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;
}