Merge pull request #5536 from mempool/natsoni/fix-timeline-tooltip-width
Wrap pool logos in timeline tooltip
This commit is contained in:
commit
1048a0ea83
@ -47,13 +47,14 @@
|
|||||||
<tr *ngIf="['accelerated', 'mined'].includes(accelerationInfo.status) && hasPoolsData()">
|
<tr *ngIf="['accelerated', 'mined'].includes(accelerationInfo.status) && hasPoolsData()">
|
||||||
<td class="label" i18n="transaction.accelerated-by-hashrate|Accelerated to hashrate">Accelerated by</td>
|
<td class="label" i18n="transaction.accelerated-by-hashrate|Accelerated to hashrate">Accelerated by</td>
|
||||||
<td class="value" *ngIf="accelerationInfo.pools">
|
<td class="value" *ngIf="accelerationInfo.pools">
|
||||||
<ng-container *ngFor="let pool of accelerationInfo.pools">
|
<ng-container *ngFor="let pool of accelerationInfo.pools; let i = index;">
|
||||||
<img *ngIf="accelerationInfo.poolsData[pool]"
|
<img *ngIf="accelerationInfo.poolsData[pool]"
|
||||||
class="pool-logo"
|
class="pool-logo"
|
||||||
[style.opacity]="accelerationInfo?.minedByPoolUniqueId && pool !== accelerationInfo?.minedByPoolUniqueId ? '0.3' : '1'"
|
[style.opacity]="accelerationInfo?.minedByPoolUniqueId && pool !== accelerationInfo?.minedByPoolUniqueId ? '0.3' : '1'"
|
||||||
[src]="'/resources/mining-pools/' + accelerationInfo.poolsData[pool].slug + '.svg'"
|
[src]="'/resources/mining-pools/' + accelerationInfo.poolsData[pool].slug + '.svg'"
|
||||||
onError="this.src = '/resources/mining-pools/default.svg'"
|
onError="this.src = '/resources/mining-pools/default.svg'"
|
||||||
[alt]="'Logo of ' + pool.name + ' mining pool'">
|
[alt]="'Logo of ' + pool.name + ' mining pool'">
|
||||||
|
<br *ngIf="i % 6 === 5">
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
@ -23,6 +23,7 @@
|
|||||||
|
|
||||||
.label {
|
.label {
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pool-logo {
|
.pool-logo {
|
||||||
@ -30,7 +31,8 @@
|
|||||||
height: 22px;
|
height: 22px;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -1px;
|
top: -1px;
|
||||||
margin-right: 3px;
|
margin-right: 4px;
|
||||||
|
margin-bottom: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.oobFees {
|
.oobFees {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user