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

prelim wallet details header collapse transition

Browse source
This commit is contained in:
Marty Alcala 2016-11-09 12:34:38 -05:00
commit c3ef412383
3 changed files with 83 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/js/controllers/walletDetails.js
View file

@ -1,6 +1,6 @@
'use strict';
angular.module('copayApp.controllers').controller('walletDetailsController', function($scope, $rootScope, $interval, $timeout, $filter, $log, $ionicModal, $ionicPopover, $state, $stateParams, profileService, lodash, configService, gettextCatalog, platformInfo, walletService, txpModalService, externalLinkService, popupService, addressbookService, storageService, $ionicHistory) {
angular.module('copayApp.controllers').controller('walletDetailsController', function($scope, $rootScope, $interval, $timeout, $filter, $log, $ionicModal, $ionicPopover, $state, $stateParams, profileService, lodash, configService, gettextCatalog, platformInfo, walletService, txpModalService, externalLinkService, popupService, addressbookService, storageService, $ionicHistory, $ionicScrollDelegate, $window) {
var HISTORY_SHOW_LIMIT = 10;
var currentTxHistoryPage = 0;
@ -230,6 +230,22 @@ angular.module('copayApp.controllers').controller('walletDetailsController', fun
//$state.transitionTo('tabs.preferences.backupWarning');
};
$scope.amountHeight = '180px';
$scope.getScrollPosition = function(){
console.log($ionicScrollDelegate.getScrollPosition().top);
var pos = $ionicScrollDelegate.getScrollPosition().top;
var amountHeight = 180 - pos;
if(amountHeight < 80) {
amountHeight = 80;
}
console.log('amountHeight', amountHeight);
$window.requestAnimationFrame(function() {
$scope.amountHeight = amountHeight + 'px';
$scope.$evalAsync(angular.noop);
});
};
$scope.$on("$ionicView.beforeEnter", function(event, data) {
$scope.walletId = data.stateParams.walletId;

17
src/sass/views/walletDetails.scss
View file

@ -104,9 +104,16 @@
.nav-bar-block, .bar {
background-color: inherit !important;
}
ion-content {
margin-top: 180px;
padding-top: 0;
top: 0;
//top: 40px;
}
.amount-wrapper {
position: relative;
overflow: visible;
//margin-top: 40px;
.amount-bg {
content: '';
@ -120,10 +127,14 @@
.amount {
width: 100%;
text-align: center;
padding: 2rem 1rem 1.5rem 1rem;
//padding: 2rem 1rem 1.5rem 1rem;
color: #fff;
height: 140px;
height: 180px;
margin-bottom: 10px;
padding-top: 40px;
display: flex;
align-items: center;
justify-content: center;
&-alternative {
line-height: 36px;
@ -157,7 +168,7 @@
}
.wallet-not-backed-up-warning {
margin-top: -15px;
//margin-top: -15px;
margin-bottom: 1rem;
background: #E15061;
text-align: center;