diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.html b/frontend/src/app/components/transactions-list/transactions-list.component.html index ac5ed76d4..6cb4e29dd 100644 --- a/frontend/src/app/components/transactions-list/transactions-list.component.html +++ b/frontend/src/app/components/transactions-list/transactions-list.component.html @@ -35,7 +35,7 @@
- Coinbase (Newly Generated Coins) + Coinbase (Newly Generated Coins)
{{ vin.scriptsig | hex2ascii }}
Peg-in @@ -80,7 +80,7 @@ - {{ vout.scriptpubkey_type | scriptpubkeyType }} + {{ vout.scriptpubkey_type | scriptpubkeyType }} {{ vout.scriptpubkey_asm | hex2ascii }} diff --git a/frontend/src/app/components/transactions-list/transactions-list.component.scss b/frontend/src/app/components/transactions-list/transactions-list.component.scss index 282bb103b..3f78768ca 100644 --- a/frontend/src/app/components/transactions-list/transactions-list.component.scss +++ b/frontend/src/app/components/transactions-list/transactions-list.component.scss @@ -59,8 +59,26 @@ background-color:#6c757d; } +.scriptmessage { + max-width: 280px; + overflow: hidden; + text-overflow: ellipsis; + vertical-align: middle; +} + +.scriptmessage.longer { + max-width: 500px; +} + @media (max-width: 767.98px) { .mobile-bottomcol { margin-top: 15px; } + + .scriptmessage { + max-width: 90px !important; + } + .scriptmessage.longer { + max-width: 280px !important; + } } \ No newline at end of file diff --git a/frontend/src/app/pipes/hex2ascii/hex2ascii.pipe.ts b/frontend/src/app/pipes/hex2ascii/hex2ascii.pipe.ts index 0273e7f33..caf81dd82 100644 --- a/frontend/src/app/pipes/hex2ascii/hex2ascii.pipe.ts +++ b/frontend/src/app/pipes/hex2ascii/hex2ascii.pipe.ts @@ -6,6 +6,12 @@ import { Pipe, PipeTransform } from '@angular/core'; export class Hex2asciiPipe implements PipeTransform { transform(hex: string): string { + const opPush = hex.split(' ').filter((_, i, a) => i > 0 && /^OP_PUSH/.test(a[i - 1])); + + if (opPush[0]) { + hex = opPush[0]; + } + if (!hex) { return ''; }