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

Animate mempool block viz reversal

Browse Source
This commit is contained in:
Mononaut 2022-09-30 00:42:02 +00:00
parent d07bf30737
commit 21db64b2a5
No known key found for this signature in database
GPG Key ID: 61B952CAF4838F94
4 changed files with 6 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/app/components/block-overview-graph/block-scene.ts
View File

@ -46,18 +46,9 @@ export default class BlockScene {
this.orientation = orientation; this.orientation = orientation;
this.flip = flip; this.flip = flip;
this.dirty = true; this.dirty = true;
const startTime = performance.now(); if (this.initialised && this.scene) {
Object.values(this.txs).forEach(txView => { this.updateAll(performance.now(), 50);
this.saveGridToScreenPosition(txView); }
this.applyTxUpdate(txView, {
display: {
position: txView.screenPosition,
color: txView.getColor()
},
duration: 0
});
this.setTxOnScreen(txView, startTime, 0);
});
} }
// Destroy the current layout and clean up graphics sprites without any exit animation // Destroy the current layout and clean up graphics sprites without any exit animation

2
frontend/src/app/components/block/block.component.scss
View File

@ -128,7 +128,7 @@ h1 {
.time-ltr .next-previous-blocks { .time-ltr .next-previous-blocks {
.nav-arrow { .nav-arrow {
transform: rotate(180deg); transform: scaleX(-1);
} }
.nav-arrow.next { .nav-arrow.next {
order: 2; order: 2;

1
frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss
View File

@ -34,7 +34,6 @@
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 40px; left: 40px;
transition: left 2s;
} }
.block-body { .block-body {

4
frontend/src/app/components/blockchain/blockchain.component.scss
View File

@ -94,10 +94,10 @@
outline: none; outline: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
transition: transform 1s;
} }
.blockchain-wrapper.ltr-transition .blocks-wrapper { .blockchain-wrapper.ltr-transition .blocks-wrapper,
.blockchain-wrapper.ltr-transition .time-toggle {
transition: transform 1s; transition: transform 1s;
} }