Merge pull request #5584 from mempool/simon/cpfp-polish
Polish CPFP button
This commit is contained in:
		
						commit
						dfd7877f82
					
				| @ -172,10 +172,6 @@ | ||||
|   background-color: var(--tertiary); | ||||
| } | ||||
| 
 | ||||
| .btn-small-height { | ||||
| 	line-height: 1; | ||||
| } | ||||
| 
 | ||||
| .summary-row { | ||||
|   display: flex; | ||||
|   flex-direction: row; | ||||
|  | ||||
| @ -20,7 +20,7 @@ | ||||
|       <td class="pie-chart" rowspan="2" *ngIf="!chartPositionLeft"> | ||||
|         <div class="d-flex justify-content-between align-items-start"> | ||||
|           @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> | ||||
|         </div> | ||||
| @ -36,7 +36,7 @@ | ||||
|       <tr> | ||||
|         <td colspan="3" class="pt-0"> | ||||
|           <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> | ||||
|         </td> | ||||
|       </tr> | ||||
|  | ||||
| @ -267,7 +267,7 @@ | ||||
|             } | ||||
|           </div> | ||||
|           @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> | ||||
|       </tr> | ||||
|  | ||||
| @ -69,7 +69,7 @@ | ||||
|     <!-- CPFP Details --> | ||||
|     <ng-template [ngIf]="showCpfpDetails"> | ||||
|       <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"> | ||||
|         <table class="table table-fixed table-borderless table-striped"> | ||||
|           <thead> | ||||
|  | ||||
| @ -66,10 +66,6 @@ | ||||
|   color: white; | ||||
| } | ||||
| 
 | ||||
| .btn-small-height { | ||||
| 	line-height: 1; | ||||
| } | ||||
| 
 | ||||
| .arrow-green { | ||||
| 	color: var(--success); | ||||
| } | ||||
|  | ||||
| @ -1404,3 +1404,7 @@ a { | ||||
|   background-color: var(--primary); | ||||
|   border-color: var(--primary); | ||||
| } | ||||
| 
 | ||||
| .btn-small-height { | ||||
| 	line-height: 1; | ||||
| } | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user