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

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

View file

@ -9,8 +9,10 @@
</a> </a>
</div> </div>
<div class="flex"> <div>
<h1 i18n="shared.transaction">Transaction</h1> <div class="title">
<h1 i18n="shared.transaction">Transaction</h1>
</div>
<div class="tx-link"> <div class="tx-link">
<a [routerLink]="['/tx/' | relativeUrl, txId]"> <a [routerLink]="['/tx/' | relativeUrl, txId]">
@ -20,7 +22,7 @@
<app-clipboard [text]="txId"></app-clipboard> <app-clipboard [text]="txId"></app-clipboard>
</div> </div>
<div class="container-buttons" > <div class="container-buttons">
<ng-template [ngIf]="tx?.status?.confirmed"> <ng-template [ngIf]="tx?.status?.confirmed">
<button *ngIf="latestBlock" type="button" class="btn btn-sm btn-success"> <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> <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> </ng-template>
</div> </div>
</div> </div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div> <div class="clearfix"></div>
<ng-template [ngIf]="!isLoadingTx && !error"> <ng-template [ngIf]="!isLoadingTx && !error">

View file

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