This commit is contained in:
raja.blaze 2019-08-29 14:08:07 +05:30
parent d17ba06c10
commit 64e9c6e493
3 changed files with 13 additions and 8 deletions

View File

@ -1,6 +1,6 @@
<div [ngClass]="{'mobile_table' : true, hght_40: item.id != clickValue }" id="hash_{{blockdetails.blockchain_block_height}}" #item > <div class="{ blockdetails.zibra_colour }" [ngClass]="{'mobile_table' : true, hght_40: item.id != clickValue }" id="hash_{{blockdetails.blockchain_block_height}}" #item >
<div class="my-animation"> <div class="my-animation">
<div class="row" [ngStyle]="{ 'background-color': blockdetails.zibra_colour }"> <div class="row">
<div class="col-6 col-md-3 tble_col"> <div class="col-6 col-md-3 tble_col">
<div class="block_div"> <span *ngIf="item.id != clickValue" (click)="onClickPlus(blockdetails.blockchain_block_height);" class="expnd_blck"><i class="fa fa-plus"></i></span> <div class="block_div"> <span *ngIf="item.id != clickValue" (click)="onClickPlus(blockdetails.blockchain_block_height);" class="expnd_blck"><i class="fa fa-plus"></i></span>
<span *ngIf="item.id == clickValue" (click)="onClickMinus(blockdetails.blockchain_block_height);" class="expnd_blck"><i class="fa fa-minus"></i></span><h6>Height</h6><span class="blck_value link_to_detail" routerLink="/blockdetail/{{ blockdetails.blockchain_block_height }}">{{ blockdetails.blockchain_block_height }}</span></div> <span *ngIf="item.id == clickValue" (click)="onClickMinus(blockdetails.blockchain_block_height);" class="expnd_blck"><i class="fa fa-minus"></i></span><h6>Height</h6><span class="blck_value link_to_detail" routerLink="/blockdetail/{{ blockdetails.blockchain_block_height }}">{{ blockdetails.blockchain_block_height }}</span></div>

View File

@ -21,7 +21,7 @@ export class LatestblocksComponent implements OnInit {
public DifferentList: any = []; public DifferentList: any = [];
public blockAppend: any; public blockAppend: any;
public blockdetails: any; public blockdetails: any;
public zibra_color = "#f3f4f2"; public zibra_color = "zibra_white";
public lastblock: any; public lastblock: any;
public clickValue: any; public clickValue: any;
public clickPeer: any; public clickPeer: any;
@ -121,10 +121,10 @@ export class LatestblocksComponent implements OnInit {
this.blockAppend['kernal_count'] = DifferentList.kernal_count; this.blockAppend['kernal_count'] = DifferentList.kernal_count;
this.blockAppend['hashstart'] = DifferentList.hashstart; this.blockAppend['hashstart'] = DifferentList.hashstart;
this.blockAppend['zibra_colour'] = this.zibra_color; this.blockAppend['zibra_colour'] = this.zibra_color;
if(this.zibra_color == "#f3f4f2"){ if(this.zibra_color == "zibra_white"){
this.zibra_color = "#dadada"; this.zibra_color = "zibra_grey";
}else{ }else{
this.zibra_color = "#f3f4f2"; this.zibra_color = "zibra_white";
} }
this.blockAppend['hashend'] = DifferentList.hashend; this.blockAppend['hashend'] = DifferentList.hashend;
this.blockAppend['hasharray'] = DifferentList.hasharray; this.blockAppend['hasharray'] = DifferentList.hasharray;

View File

@ -384,6 +384,11 @@ a:focus {
.chart_show { .chart_show {
min-height: 268px; min-height: 268px;
} }
.crisp,
.xgrid,
.zerolinelayer path {
stroke: #a6a6a6 !important;
}
/************************************************Footer*****************************************/ /************************************************Footer*****************************************/
.footer_div { .footer_div {
border-top: 1px solid rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.15);
@ -539,7 +544,7 @@ margin-right: 10px;
} }
.peers_diff .blck_value{word-wrap: break-word;} .peers_diff .blck_value{word-wrap: break-word;}
.js-plotly-plot .plotly .main-svg{background: rgb(243, 244, 242) none repeat scroll 0% 0% !important;} .main-svg:first-child{background: rgb(243, 244, 242) none repeat scroll 0% 0% !important;}
.bg{fill: rgb(243, 244, 242) !important;} .bg{fill: rgb(243, 244, 242) !important;}
/**********************************************Dark Theme CSS********************************/ /**********************************************Dark Theme CSS********************************/
body.dark_theme { body.dark_theme {
@ -663,7 +668,7 @@ body.dark_theme {
.dark_theme .crisp, .dark_theme .crisp,
.dark_theme .xgrid, .dark_theme .xgrid,
.dark_theme .zerolinelayer path { .dark_theme .zerolinelayer path {
stroke: #384566 !important; stroke: #f3f4f2 !important;
} }
.dark_theme .page-link { .dark_theme .page-link {
background-color: #222223; background-color: #222223;