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 3023be257c
commit aeb29a489a
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.flip = flip;
this.dirty = true;
const startTime = performance.now();
Object.values(this.txs).forEach(txView => {
this.saveGridToScreenPosition(txView);
this.applyTxUpdate(txView, {
display: {
position: txView.screenPosition,
color: txView.getColor()
},
duration: 0
});
this.setTxOnScreen(txView, startTime, 0);
});
if (this.initialised && this.scene) {
this.updateAll(performance.now(), 50);
}
}
// 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 {
.nav-arrow {
transform: rotate(180deg);
transform: scaleX(-1);
}
.nav-arrow.next {
order: 2;

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

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

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

@ -94,10 +94,10 @@
outline: none;
margin: 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;
}