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

Fix titles height inconsistencies.

Browse Source
This commit is contained in:
Miguel Medeiros
2021-10-11 22:33:20 -03:00
parent 88e7c4d3f8
commit e460372870
9 changed files with 105 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/app/components/block/block.component.html
View File

@@ -2,8 +2,8 @@
<div class="title-block" id="block">
<h1>
<ng-template [ngIf]="blockHeight === 0" i18n="block.genesis">Genesis
<div class="next-previous-blocks">
<ng-template [ngIf]="blockHeight === 0" i18n="block.genesis">Genesis
<span class="next-previous-blocks">
<a *ngIf="showNextBlocklink" [routerLink]="['/block/' | relativeUrl, nextBlockHeight]" (click)="navigateToNextBlock()" i18n-ngbTooltip="Next Block" ngbTooltip="Next Block" placement="bottom">
<fa-icon [icon]="['fas', 'angle-left']" [fixedWidth]="true"></fa-icon>
</a>
@@ -11,10 +11,10 @@
<span placement="bottom" class="disable">
<fa-icon [icon]="['fas', 'angle-right']" [fixedWidth]="true"></fa-icon>
</span>
</div>
</span>
</ng-template>
<ng-template [ngIf]="blockHeight" i18n="block.block"> Block
<div class="next-previous-blocks">
<ng-template [ngIf]="blockHeight" i18n="block.block"> Block
<span class="next-previous-blocks">
<a *ngIf="showNextBlocklink" [routerLink]="['/block/' | relativeUrl, nextBlockHeight]" (click)="navigateToNextBlock()" i18n-ngbTooltip="Next Block" ngbTooltip="Next Block" placement="bottom">
<fa-icon [icon]="['fas', 'angle-left']" [fixedWidth]="true"></fa-icon>
</a>
@@ -28,7 +28,7 @@
<span *ngIf="!showPreviousBlocklink" placement="bottom" class="disable">
<fa-icon [icon]="['fas', 'angle-right']" [fixedWidth]="true"></fa-icon>
</span>
</div>
</span>
</ng-template>
</h1>
@@ -199,7 +199,7 @@
<div class="progress-bar progress-darklight" role="progressbar" [ngStyle]="{'width': txsLoadingStatus + '%' }"></div>
</div>
</ng-container>
</div>
</ng-template>
<ngb-pagination class="pagination-container float-right" [collectionSize]="block.tx_count" [rotate]="true" [pageSize]="itemsPerPage" [(page)]="page" (pageChange)="pageChange(page, blockTxTitle)" [maxSize]="paginationMaxSize" [boundaryLinks]="true" [ellipses]="false"></ngb-pagination>
@@ -207,7 +207,7 @@
</ng-template>
<ng-template [ngIf]="isLoadingBlock && !error">
<div class="box">
<div class="row">
<div class="col-sm">

12
frontend/src/app/components/block/block.component.scss
View File

@@ -18,7 +18,7 @@
}
.fiat {
display: block;
display: block;
font-size: 13px;
@media (min-width: 768px) {
font-size: 14px;
@@ -122,17 +122,17 @@ h1 {
}
.next-previous-blocks {
font-size: 36px;
font-size: 30px;
display: inline-block;
vertical-align: bottom;
@media (min-width: 768px) {
font-size: 36px;
}
a {
color: #1ad8f4;
&:hover, &:focus {
color: #09a3ba;
display: inline-block;
// transform: scale(1.2);
// transition: 150ms all ease-in-out;
}
}
}
@@ -140,4 +140,4 @@ h1 {
.disable {
font-size: 36px;
color: #393e5c73;
}
}