mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-02-25 15:10:12 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #498 from MiguelMedeiros/op_return

Browse source 
Fix Coinbase and OP_RETURN truncated text.
This commit is contained in:
wiz 2021-05-07 00:00:12 +09:00 • committed by GitHub
commit 5b2eb16d1c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/app/components/transactions-list/transactions-list.component.html
View file

@ -36,7 +36,7 @@
</td> </td>
<td> <td>
<div [ngSwitch]="true"> <div [ngSwitch]="true">
<ng-container *ngSwitchCase="vin.is_coinbase"><a placement="bottom" [ngbTooltip]="vin.scriptsig | hex2ascii"><span i18n="transactions-list.coinbase">Coinbase</span><ng-template [ngIf]="network !== 'liquid'">&nbsp;<span i18n="transactions-list.newly-generated-coins">(Newly Generated Coins)</span></ng-template></a><br><span class="badge badge-secondary scriptmessage longer">{{ vin.scriptsig | hex2ascii }}</span></ng-container> <ng-container *ngSwitchCase="vin.is_coinbase"><a placement="bottom" [ngbTooltip]="vin.scriptsig | hex2ascii"><span i18n="transactions-list.coinbase">Coinbase</span><ng-template [ngIf]="network !== 'liquid'">&nbsp;<span i18n="transactions-list.newly-generated-coins">(Newly Generated Coins)</span></ng-template></a><br /><span class="badge badge-secondary scriptmessage longer">{{ vin.scriptsig | hex2ascii }}</span></ng-container>
<ng-container *ngSwitchCase="vin.is_pegin"> <ng-container *ngSwitchCase="vin.is_pegin">
<span i18n="transactions-list.peg-in">Peg-in</span> <span i18n="transactions-list.peg-in">Peg-in</span>
</ng-container> </ng-container>
@ -225,15 +225,15 @@
</div> </div>
<br> <br />
</ng-container> </ng-container>
<ng-template #assetBox let-item> <ng-template #assetBox let-item>
{{ item.value / 100000000 | number: '1.0-' + assetsMinimal[item.asset][3] }} {{ assetsMinimal[item.asset][1] }} {{ item.value / 100000000 | number: '1.0-' + assetsMinimal[item.asset][3] }} {{ assetsMinimal[item.asset][1] }}
<br> <br />
{{ assetsMinimal[item.asset][0] }} {{ assetsMinimal[item.asset][0] }}
<br> <br />
<a [routerLink]="['/asset/' | relativeUrl, item.asset]">{{ item.asset | shortenString : 13 }}</a> <a [routerLink]="['/asset/' | relativeUrl, item.asset]">{{ item.asset | shortenString : 13 }}</a>
<br><br> <br /><br />
</ng-template> </ng-template>

30
frontend/src/app/components/transactions-list/transactions-list.component.scss
View file

@ -63,20 +63,30 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
vertical-align: middle; vertical-align: middle;
width: 100%;
max-width: 50px; max-width: 50px;
@media (min-width: 768px) { width: 100%;
max-width: 200px; @media (min-width: 376px) {
max-width: 90px;
}
@media (min-width: 476px) {
max-width: 120px;
}
@media (min-width: 576px) {
max-width: 260px;
}
@media (min-width: 992px) {
max-width: 170px;
} }
} }
.scriptmessage.longer { .scriptmessage.longer {
max-width: 500px; display: inline-block;
@media (min-width: 375px) { max-width: 250px;
max-width: 200px !important; width: 100%;
@media (min-width: 576px) {
max-width: 300px;
} }
} }
.mobile-bottomcol { .mobile-bottomcol {
margin-top: 15px; margin-top: 15px;
@media (min-width: 992px) { @media (min-width: 992px) {
@ -109,12 +119,6 @@
} }
} }
.longer {
max-width: 100% !important;
width: 200px;
display: inline-block;
}
.row{ .row{
flex-direction: column; flex-direction: column;
@media (min-width: 992px) { @media (min-width: 992px) {