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

Merge pull request #5584 from mempool/simon/cpfp-polish

Browse Source 
Polish CPFP button
This commit is contained in:
softsimon 2024-11-09 00:25:05 +07:00 committed by GitHub
commit dfd7877f82
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.scss
View File

@ -172,10 +172,6 @@
background-color: var(--tertiary); background-color: var(--tertiary);
} }
.btn-small-height {
line-height: 1;
}
.summary-row { .summary-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

4
frontend/src/app/components/acceleration/active-acceleration-box/active-acceleration-box.component.html
View File

@ -20,7 +20,7 @@
<td class="pie-chart" rowspan="2" *ngIf="!chartPositionLeft"> <td class="pie-chart" rowspan="2" *ngIf="!chartPositionLeft">
<div class="d-flex justify-content-between align-items-start"> <div class="d-flex justify-content-between align-items-start">
@if (hasCpfp) { @if (hasCpfp) {
<button type="button" class="btn btn-outline-info btn-sm btn-small-height float-right mt-0" (click)="onToggleCpfp()">CPFP <fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true"></fa-icon></button> <button type="button" class="btn btn-outline-info btn-sm btn-small-height float-right mt-0" (click)="onToggleCpfp()">CPFP</button>
} }
<ng-container *ngTemplateOutlet="pieChart"></ng-container> <ng-container *ngTemplateOutlet="pieChart"></ng-container>
</div> </div>
@ -36,7 +36,7 @@
<tr> <tr>
<td colspan="3" class="pt-0"> <td colspan="3" class="pt-0">
<div class="d-flex justify-content-end align-items-start"> <div class="d-flex justify-content-end align-items-start">
<button type="button" class="btn btn-outline-info btn-sm btn-small-height float-right mt-0" (click)="onToggleCpfp()">CPFP <fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true"></fa-icon></button> <button type="button" class="btn btn-outline-info btn-sm btn-small-height float-right mt-0" (click)="onToggleCpfp()">CPFP</button>
</div> </div>
</td> </td>
</tr> </tr>

2
frontend/src/app/components/transaction/transaction-details/transaction-details.component.html
View File

@ -267,7 +267,7 @@
} }
</div> </div>
@if (hasCpfp) { @if (hasCpfp) {
<button type="button" class="btn btn-outline-info btn-sm btn-small-height float-right" (click)="toggleCpfp()">CPFP <fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true"></fa-icon></button> <button type="button" class="btn btn-outline-info btn-sm btn-small-height float-right" (click)="toggleCpfp()">CPFP</button>
} }
</td> </td>
</tr> </tr>

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

@ -69,7 +69,7 @@
<!-- CPFP Details --> <!-- CPFP Details -->
<ng-template [ngIf]="showCpfpDetails"> <ng-template [ngIf]="showCpfpDetails">
<br> <br>
<h2 class="text-left">CPFP <fa-icon [icon]="['fas', 'info-circle']" [fixedWidth]="true" size="xs"></fa-icon></h2> <h2 class="text-left" i18n="transaction.related-transactions|CPFP List">Related Transactions</h2>
<div class="box cpfp-details"> <div class="box cpfp-details">
<table class="table table-fixed table-borderless table-striped"> <table class="table table-fixed table-borderless table-striped">
<thead> <thead>

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

@ -66,10 +66,6 @@
color: white; color: white;
} }
.btn-small-height {
line-height: 1;
}
.arrow-green { .arrow-green {
color: var(--success); color: var(--success);
} }

4
frontend/src/styles.scss
View File

@ -1404,3 +1404,7 @@ a {
background-color: var(--primary); background-color: var(--primary);
border-color: var(--primary); border-color: var(--primary);
} }
.btn-small-height {
line-height: 1;
}