machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI/UX - Add skeleton for blocks preload. (#615)

Browse Source 
* Add skeleton for blocks preload.

* Add e2e testing for skeleton blocks preloader.

* Fix reduce mempool blocks to fit the screen.

* Fix variable naming.
This commit is contained in:
Miguel Medeiros
2021-07-10 10:04:15 -03:00
committed by GitHub
parent 652f88770e
commit 71cf41362f
7 changed files with 99 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/components/blockchain/blockchain.component.html
View File

@@ -1,15 +1,9 @@
<div class="text-center" class="blockchain-wrapper">
<div class="position-container" [hidden]="(isLoading$ | async) === true">
<div class="position-container">
<span>
<app-mempool-blocks></app-mempool-blocks>
<app-blockchain-blocks></app-blockchain-blocks>
<app-mempool-blocks [isLoading$]="isLoading$"></app-mempool-blocks>
<app-blockchain-blocks [isLoading$]="isLoading$"></app-blockchain-blocks>
<div id="divider"></div>
</span>
</div>
<div *ngIf="(isLoading$ | async) === true" class="position-container loading">
<div class="loading-block">
<h3 i18n="blockchain.waiting-for-blocks|Loading text">Waiting for blocks...</h3>
<div class="spinner-border text-light mt-2"></div>
</div>
</div>
</div>