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

Fix transaction title breaks row on some languages (#570)

Browse Source
This commit is contained in:
Miguel Medeiros 2021-06-12 01:16:45 -03:00 committed by GitHub
parent 8385c50605
commit 4338dd6c3f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/components/transaction/transaction.component.html
View File

@ -9,8 +9,10 @@
</a>
</div>
<div class="flex">
<h1 i18n="shared.transaction">Transaction</h1>
<div>
<div class="title">
<h1 i18n="shared.transaction">Transaction</h1>
</div>
<div class="tx-link">
<a [routerLink]="['/tx/' | relativeUrl, txId]">
@ -20,7 +22,7 @@
<app-clipboard [text]="txId"></app-clipboard>
</div>
<div class="container-buttons" >
<div class="container-buttons">
<ng-template [ngIf]="tx?.status?.confirmed">
<button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success">
<ng-container *ngTemplateOutlet="latestBlock.height - tx.status.block_height + 1 == 1 ? confirmationSingular : confirmationPlural; context: {$implicit: latestBlock.height - tx.status.block_height + 1}"></ng-container>
@ -33,9 +35,7 @@
</ng-template>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
<ng-template [ngIf]="!isLoadingTx && !error">

8
frontend/src/app/components/transaction/transaction.component.scss
View File

@ -31,8 +31,9 @@ h1{
.container-buttons {
text-align: right;
width: 100%;
@media (min-width: 992px) {
width: 300px;
@media (min-width: 850px) {
width: auto;
float: right;
}
}
@ -48,7 +49,8 @@ h1{
margin-left: 10px;
position: relative;
text-align: left;
width: 100%;
width: auto;
float: left;
}
}