mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-03-15 12:20:28 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #840 from MiguelMedeiros/fix-confirmation-button-position

Browse source 
Fix confirmations button positioning.
This commit is contained in:
wiz 2021-09-30 05:46:08 +09:00 • committed by GitHub
commit d72dbc1415
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/app/components/transaction/transaction.component.html
View file

@ -10,7 +10,7 @@
</div> </div>
<div> <div>
<div class="title float-left"> <div class="title">
<h1 i18n="shared.transaction">Transaction</h1> <h1 i18n="shared.transaction">Transaction</h1>
</div> </div>
@ -22,7 +22,7 @@
<app-clipboard [text]="txId"></app-clipboard> <app-clipboard [text]="txId"></app-clipboard>
</div> </div>
<div class="container-buttons float-right"> <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>

15
frontend/src/styles.scss
View file

@ -773,6 +773,21 @@ th {
@extend .mempool-graph; @extend .mempool-graph;
direction: ltr; direction: ltr;
} }
.title-block {
.title {
float: right;
}
}
.container-buttons {
float: left !important;
width: auto !important;
}
.tx-link {
margin-right: 0px;
@media (min-width: 768px) {
margin-right: 10px;
}
}
} }