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

Merge pull request #2008 from mempool/wiz/fix-mononaut-tooltip-width

Browse Source 
Increase width of mononaut transaction tooltip
This commit is contained in:
wiz 2022-07-07 16:34:56 +02:00 committed by GitHub
commit 993cd64126
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.html
View File

@ -9,7 +9,7 @@
<table> <table>
<tbody> <tbody>
<tr> <tr>
<td i18n="shared.transaction">Transaction</td> <td class="td-width" i18n="shared.transaction">Transaction</td>
<td> <td>
<a [routerLink]="['/tx/' | relativeUrl, txid]">{{ txid | shortenString : 16}}</a> <a [routerLink]="['/tx/' | relativeUrl, txid]">{{ txid | shortenString : 16}}</a>
</td> </td>
@ -23,13 +23,13 @@
<td>{{ fee | number }} <span class="symbol" i18n="shared.sat|sat">sat</span> &nbsp; <span class="fiat"><app-fiat [value]="fee"></app-fiat></span></td> <td>{{ fee | number }} <span class="symbol" i18n="shared.sat|sat">sat</span> &nbsp; <span class="fiat"><app-fiat [value]="fee"></app-fiat></span></td>
</tr> </tr>
<tr> <tr>
<td i18n="transaction.fee-rate|Transaction fee rate">Fee rate</td> <td class="td-width" i18n="transaction.fee-rate|Transaction fee rate">Fee rate</td>
<td> <td>
{{ feeRate | feeRounding }} <span class="symbol" i18n="shared.sat-vbyte|sat/vB">sat/vB</span> {{ feeRate | feeRounding }} <span class="symbol" i18n="shared.sat-vbyte|sat/vB">sat/vB</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td i18n="transaction.vsize|Transaction Virtual Size">Virtual size</td> <td class="td-width" i18n="transaction.vsize|Transaction Virtual Size">Virtual size</td>
<td [innerHTML]="'&lrm;' + (vsize | vbytes: 2)"></td> <td [innerHTML]="'&lrm;' + (vsize | vbytes: 2)"></td>
</tr> </tr>
</tbody> </tbody>

6
frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.scss
View File

@ -9,10 +9,14 @@
justify-content: space-between; justify-content: space-between;
padding: 10px 15px; padding: 10px 15px;
text-align: left; text-align: left;
width: 320px; min-width: 320px;
pointer-events: none; pointer-events: none;
&.clickable { &.clickable {
pointer-events: all; pointer-events: all;
} }
} }
.td-width {
padding-right: 10px;
}