diff --git a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html index f7d46fefd..a60e1db0a 100644 --- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html +++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.html @@ -59,7 +59,7 @@ -
+
{{ block.extras.pool.name}} @@ -86,7 +86,7 @@
+ [ngStyle]="{'left': arrowLeftPx + 8 + 'px' }">
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 0af327dbd..b8de4f2ca 100644 --- a/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss +++ b/frontend/src/app/components/blockchain-blocks/blockchain-blocks.component.scss @@ -125,12 +125,12 @@ #arrow-up { position: relative; left: calc(var(--block-size) * 0.6); - top: calc(var(--block-size) * 1.12); + top: calc(var(--block-size) * 1.28); width: 0; height: 0; - border-left: calc(var(--block-size) * 0.3) solid transparent; - border-right: calc(var(--block-size) * 0.3) solid transparent; - border-bottom: calc(var(--block-size) * 0.3) solid var(--fg); + border-left: calc(var(--block-size) * 0.2) solid transparent; + border-right: calc(var(--block-size) * 0.2) solid transparent; + border-bottom: calc(var(--block-size) * 0.2) solid var(--fg); } .flashing { @@ -170,15 +170,8 @@ .animated { transition: all 0.15s ease-in-out; -} -.show { - opacity: 1; white-space: nowrap; } -.hide { - opacity: 0.4; - pointer-events : none; -} .time-ltr { .bitcoin-block { diff --git a/frontend/src/app/components/blockchain/blockchain.component.scss b/frontend/src/app/components/blockchain/blockchain.component.scss index 1488d262a..000477ca8 100644 --- a/frontend/src/app/components/blockchain/blockchain.component.scss +++ b/frontend/src/app/components/blockchain/blockchain.component.scss @@ -14,8 +14,7 @@ } .blockchain-wrapper { - height: 250px; - + height: 260px; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ diff --git a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss index 5f7b15092..2e829b21e 100644 --- a/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss +++ b/frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss @@ -114,7 +114,7 @@ #arrow-up { position: relative; right: calc(var(--block-size) * 0.6); - top: calc(var(--block-size) * 1.12); + top: calc(var(--block-size) * 1.20); width: 0; height: 0; border-left: calc(var(--block-size) * 0.3) solid transparent;