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

Merge pull request #5302 from mempool/simon/smaller-block-arrow

Browse Source 
Smaller block arrow
This commit is contained in:
wiz 2024-07-10 01:46:42 +09:00 committed by GitHub
commit a530b70f9f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 8 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,7 +59,7 @@
<app-time kind="since" [time]="block.timestamp" [fastRender]="true" [precision]="1" minUnit="minute"></app-time></div> <app-time kind="since" [time]="block.timestamp" [fastRender]="true" [precision]="1" minUnit="minute"></app-time></div>
</ng-container> </ng-container>
</div> </div>
<div class="animated" [class]="markHeight === block.height ? 'hide' : 'show'" *ngIf="block.extras?.pool != undefined && showPools"> <div class="animated" *ngIf="block.extras?.pool != undefined && showPools">
<a [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-pool'" class="badge" [routerLink]="[('/mining/pool/' + block.extras.pool.slug) | relativeUrl]"> <a [attr.data-cy]="'bitcoin-block-' + offset + '-index-' + i + '-pool'" class="badge" [routerLink]="[('/mining/pool/' + block.extras.pool.slug) | relativeUrl]">
<img class="pool-logo" [src]="'/resources/mining-pools/' + block.extras.pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + block.extras.pool.name + ' mining pool'"> <img class="pool-logo" [src]="'/resources/mining-pools/' + block.extras.pool.slug + '.svg'" onError="this.src = '/resources/mining-pools/default.svg'" [alt]="'Logo of ' + block.extras.pool.name + ' mining pool'">
{{ block.extras.pool.name}} {{ block.extras.pool.name}}
@ -86,7 +86,7 @@
</ng-template> </ng-template>
</div> </div>
<div [hidden]="!arrowVisible" id="arrow-up" [style.transition]="arrowTransition" <div [hidden]="!arrowVisible" id="arrow-up" [style.transition]="arrowTransition"
[ngStyle]="{'left': arrowLeftPx + 'px' }"></div> [ngStyle]="{'left': arrowLeftPx + 8 + 'px' }"></div>
</div> </div>
<ng-template #loadingBlocksTemplate> <ng-template #loadingBlocksTemplate>

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

@ -125,12 +125,12 @@
#arrow-up { #arrow-up {
position: relative; position: relative;
left: calc(var(--block-size) * 0.6); left: calc(var(--block-size) * 0.6);
top: calc(var(--block-size) * 1.12); top: calc(var(--block-size) * 1.28);
width: 0; width: 0;
height: 0; height: 0;
border-left: calc(var(--block-size) * 0.3) solid transparent; border-left: calc(var(--block-size) * 0.2) solid transparent;
border-right: calc(var(--block-size) * 0.3) solid transparent; border-right: calc(var(--block-size) * 0.2) solid transparent;
border-bottom: calc(var(--block-size) * 0.3) solid var(--fg); border-bottom: calc(var(--block-size) * 0.2) solid var(--fg);
} }
.flashing { .flashing {
@ -170,15 +170,8 @@
.animated { .animated {
transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;
}
.show {
opacity: 1;
white-space: nowrap; white-space: nowrap;
} }
.hide {
opacity: 0.4;
pointer-events : none;
}
.time-ltr { .time-ltr {
.bitcoin-block { .bitcoin-block {

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

@ -14,8 +14,7 @@
} }
.blockchain-wrapper { .blockchain-wrapper {
height: 250px; height: 260px;
-webkit-user-select: none; /* Safari */ -webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */ -moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */ -ms-user-select: none; /* IE10+/Edge */

2
frontend/src/app/components/mempool-blocks/mempool-blocks.component.scss
View File

@ -114,7 +114,7 @@
#arrow-up { #arrow-up {
position: relative; position: relative;
right: calc(var(--block-size) * 0.6); right: calc(var(--block-size) * 0.6);
top: calc(var(--block-size) * 1.12); top: calc(var(--block-size) * 1.20);
width: 0; width: 0;
height: 0; height: 0;
border-left: calc(var(--block-size) * 0.3) solid transparent; border-left: calc(var(--block-size) * 0.3) solid transparent;