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

fix style on history sync

Browse source
This commit is contained in:
bechi 2015-11-18 15:19:47 -03:00
commit c7bed7dfc9
2 changed files with 33 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

38
public/views/walletHome.html
View file

@ -450,22 +450,28 @@
</div> </div>
</div> </div>
<div class="row m20t text-center" ng-show="index.updatingTxHistory[index.walletId]"> <div class="row m20t text-center" ng-show="index.updatingTxHistory[index.walletId]">
<div class="columns large-12 medium-12 small-12"> <div ng-show="index.txProgress > 6">
<div class="spinner"> <div class="circle-icon">
<div class="rect1"></div> <img src="/img/icon-sync.svg" alt="sync" width="70">
<div class="rect2"></div> </div>
<div class="rect3"></div> <div translate class="size-12 text-gray m20t small-10 small-centered columns">
<div class="rect4"></div> Initial transaction history synchronization can take some minutes for wallets with many transactions.
<div class="rect5"></div> <b> Please stand by.</b>
</div>
<div class="small-8 small-centered columns line-b p10 m20b"></div>
<div class="columns large-12 medium-12 small-12 m10b">
<div class="spinner">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</div>
<div class="size-14 text-gray m20t">
<b>{{index.txProgress}}</b> <br>
<span translate>Transactions Downloaded</span>
</div> </div>
</div>
<div ng-show="index.txProgress > 6" translate class="size-12 text-gray m20t">
Initial transaction history synchronization can take some minutes for wallets with many transactions.</br>
Please stand by.
</div>
<div ng-show="index.txProgress > 6" class="size-14 text-gray m20t">
<b>{{index.txProgress}}</b>
<span translate>Transactions<br> Downloaded</span>
</div> </div>
</div> </div>
@ -508,7 +514,7 @@
<div class="size-14 text-gray columns m5t" ng-if="btx.message || btx.addressTo"> <div class="size-14 text-gray columns m5t" ng-if="btx.message || btx.addressTo">
<div ng-show="btx.message">{{btx.message}}</div> <div ng-show="btx.message">{{btx.message}}</div>
<div ng-show="!btx.message"> <div ng-show="!btx.message">
{{index.addressbook[btx.addressTo] || btx.addressTo}} <span translate>To</span>: {{index.addressbook[btx.addressTo] || btx.addressTo}}
</div> </div>
</div> </div>
</div> </div>

9
src/css/main.css
View file

@ -359,6 +359,15 @@ ul.tx-copayers {
background-color: #C0392B; background-color: #C0392B;
} }
.circle-icon {
background: #F1F3F5;
border-radius: 100%;
padding: 1.5rem;
width: 80px;
height: 80px;
margin: 0 auto;
}
.date-message { .date-message {
background-color: #213140; background-color: #213140;
border-radius: 3px; border-radius: 3px;