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

Fix OP_RETURN css width.

Browse Source
This commit is contained in:
Miguel Medeiros 2021-05-06 09:00:33 -03:00
parent 2f8f3ca2e9
commit 0dc255edf9
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>
<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">
<span i18n="transactions-list.peg-in">Peg-in</span>
</ng-container>
@ -225,15 +225,15 @@
</div>
<br>
<br />
</ng-container>
<ng-template #assetBox let-item>
{{ item.value / 100000000 | number: '1.0-' + assetsMinimal[item.asset][3] }} {{ assetsMinimal[item.asset][1] }}
<br>
<br />
{{ assetsMinimal[item.asset][0] }}
<br>
<br />
<a [routerLink]="['/asset/' | relativeUrl, item.asset]">{{ item.asset | shortenString : 13 }}</a>
<br><br>
<br /><br />
</ng-template>

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

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