diff --git a/frontend/src/app/components/block-overview-graph/block-scene.ts b/frontend/src/app/components/block-overview-graph/block-scene.ts index af0ba56fa..39ac44e7a 100644 --- a/frontend/src/app/components/block-overview-graph/block-scene.ts +++ b/frontend/src/app/components/block-overview-graph/block-scene.ts @@ -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 diff --git a/frontend/src/app/components/block/block.component.scss b/frontend/src/app/components/block/block.component.scss index 1a43013ae..d6c4d65b4 100644 --- a/frontend/src/app/components/block/block.component.scss +++ b/frontend/src/app/components/block/block.component.scss @@ -128,7 +128,7 @@ h1 { .time-ltr .next-previous-blocks { .nav-arrow { - transform: rotate(180deg); + transform: scaleX(-1); } .nav-arrow.next { order: 2; diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss index 6b8430e2a..adde4a945 100644 --- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss +++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss @@ -34,7 +34,6 @@ position: absolute; top: 0px; left: 40px; - transition: left 2s; } .block-body { diff --git a/frontend/src/app/components/blockchain/blockchain.component.scss b/frontend/src/app/components/blockchain/blockchain.component.scss index 1e229e330..2f13374fe 100644 --- a/frontend/src/app/components/blockchain/blockchain.component.scss +++ b/frontend/src/app/components/blockchain/blockchain.component.scss @@ -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; }