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

Fix table overflow. (#612)

Browse Source 
fixes #303
This commit is contained in:
Miguel Medeiros 2021-07-07 09:22:25 -03:00 committed by GitHub
parent d7a827ba7f
commit 7de2cf89f4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/dashboard/dashboard.component.html
View File

@ -112,7 +112,7 @@
<tbody> <tbody>
<tr *ngFor="let transaction of transactions$ | async; let i = index;"> <tr *ngFor="let transaction of transactions$ | async; let i = index;">
<td class="table-cell-txid"><a [routerLink]="['/tx' | relativeUrl, transaction.txid]">{{ transaction.txid | shortenString : 10 }}</a></td> <td class="table-cell-txid"><a [routerLink]="['/tx' | relativeUrl, transaction.txid]">{{ transaction.txid | shortenString : 10 }}</a></td>
<td class="table-cell-satoshis"><app-amount [satoshis]="transaction.value" digitsInfo="1.8-8" [noFiat]="true"></app-amount></td> <td class="table-cell-satoshis"><app-amount [satoshis]="transaction.value" digitsInfo="1.2-4" [noFiat]="true"></app-amount></td>
<td class="table-cell-fiat" *ngIf="(network$ | async) === ''" ><app-fiat [value]="transaction.value" digitsInfo="1.0-0"></app-fiat></td> <td class="table-cell-fiat" *ngIf="(network$ | async) === ''" ><app-fiat [value]="transaction.value" digitsInfo="1.0-0"></app-fiat></td>
<td class="table-cell-fees">{{ transaction.fee / transaction.vsize | number : '1.1-1' }} <span class="symbol" i18n="shared.sat-vbyte|sat/vB">sat/vB</span></td> <td class="table-cell-fees">{{ transaction.fee / transaction.vsize | number : '1.1-1' }} <span class="symbol" i18n="shared.sat-vbyte|sat/vB">sat/vB</span></td>
</tr> </tr>

9
frontend/src/app/dashboard/dashboard.component.scss
View File

@ -120,16 +120,17 @@
.latest-transactions { .latest-transactions {
width: 100%; width: 100%;
text-align: left; text-align: left;
table-layout:fixed;
tr, td, th { tr, td, th {
border: 0px; border: 0px;
} }
.table-cell-txid { td {
width: 20%; overflow:hidden;
width: 25%;
} }
.table-cell-satoshis { .table-cell-satoshis {
display: none; display: none;
text-align: right; text-align: right;
width: 30%;
@media (min-width: 576px) { @media (min-width: 576px) {
display: table-cell; display: table-cell;
} }
@ -143,7 +144,6 @@
.table-cell-fiat { .table-cell-fiat {
display: none; display: none;
text-align: right; text-align: right;
width: 30%;
@media (min-width: 485px) { @media (min-width: 485px) {
display: table-cell; display: table-cell;
} }
@ -155,7 +155,6 @@
} }
} }
.table-cell-fees { .table-cell-fees {
width: 25%;
text-align: right; text-align: right;
} }
} }