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

Merge pull request #5886 from gabrielbazan7/feat/placeholder

Browse source 
adding loading placeholders to avoid the screen resize in tab-home view
This commit is contained in:
Matias Alejo Garcia 2017-04-20 20:13:08 +02:00 • committed by GitHub
commit 4fa427f2ab
6 changed files with 146 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/js/controllers/tab-home.js
View file

@ -194,6 +194,7 @@ angular.module('copayApp.controllers').controller('tabHomeController',
if (err) $log.error(err);
$scope.txps = txps;
$scope.txpsN = n;
$scope.txpsFinished = true;
$timeout(function() {
$ionicScrollDelegate.resize();
$scope.$apply();
@ -225,6 +226,7 @@ angular.module('copayApp.controllers').controller('tabHomeController',
}
if (++j == i) {
updateTxps();
$scope.walletsFinished = true;
}
});
});
@ -252,6 +254,7 @@ angular.module('copayApp.controllers').controller('tabHomeController',
}
$scope.notifications = notifications;
$scope.notificationsN = total;
$scope.notificationsFinished = true;
$timeout(function() {
$ionicScrollDelegate.resize();
$scope.$apply();

38
src/sass/views/tab-home.scss
View file

@ -53,6 +53,44 @@
}
}
}
.loading-block-title {
height: 20px;
width: 150px;
background:-webkit-radial-gradient(#fff, #f7f7f7);
background-size: 20px 100px;
-webkit-animation: m .6s linear infinite;
}
.loading-block-body {
width: 100%;
height: 160px;
background: -webkit-radial-gradient(#fff, #f7f7f7);
background-size: 25px 100%;
-webkit-animation: m .6s linear infinite;
}
@keyframes m {
0% {
background-position: 20px 0;
}
100% {
}
}
}
.card-loading-placeholder {
width: 100%;
margin-bottom: 0;
}
.loading-placeholder {
height: 100%;
.row {
height: 50%;
}
}
.animate-show-hide.ng-hide {
opacity: 0;
}
.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove {
transition: all linear 0.2s;
}
.wallet-details__item.item {
padding-top: 0;