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

fix gaps in loading blockchain

Browse Source
This commit is contained in:
Mononaut 2023-02-23 14:31:01 -06:00
parent ee265be55e
commit c65674479a
No known key found for this signature in database
GPG Key ID: A3F058E41374C04E
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html
View File

@ -71,7 +71,7 @@
<ng-container *ngIf="!connected || loadingTip || (block && block.loading)"> <ng-container *ngIf="!connected || loadingTip || (block && block.loading)">
<div class="flashing loading"> <div class="flashing loading">
<div class="text-center bitcoin-block mined-block" id="bitcoin-block-{{ block.height }}" <div class="text-center bitcoin-block mined-block" id="bitcoin-block-{{ block.height }}"
[ngStyle]="emptyBlockStyles[i]"></div> [ngStyle]="convertStyleForLoadingBlock(blockStyles[i])"></div>
</div> </div>
</ng-container> </ng-container>
</ng-template> </ng-template>

7
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.ts
View File

@ -290,6 +290,13 @@ export class BlockchainBlocksComponent implements OnInit, OnChanges, OnDestroy {
}; };
} }
convertStyleForLoadingBlock(style) {
return {
...style,
background: "#2d3348",
};
}
getStyleForLoadingBlock(index: number, animateEnterFrom: number = 0) { getStyleForLoadingBlock(index: number, animateEnterFrom: number = 0) {
const addLeft = animateEnterFrom || 0; const addLeft = animateEnterFrom || 0;