UI changes

This commit is contained in:
Prema 2019-08-16 11:25:14 +05:30
parent 09b91f98fa
commit 1114e6efd3
2 changed files with 15 additions and 3 deletions

View File

@ -1,5 +1,5 @@
<div class="row"> <div class="row">
<div class="col-md-6 col-lg-4 mb-4"> <div class="col-md-6 col-lg-8 mb-4">
<div class="box_shadow"> <div class="box_shadow">
<div class="blocks"> <div class="blocks">
<h2 class="chart_heading d-inline-block">{{'home.TARGET_DIFFICULTY' | translate}}</h2> <h2 class="chart_heading d-inline-block">{{'home.TARGET_DIFFICULTY' | translate}}</h2>
@ -511,7 +511,7 @@
</div> </div>
</div> </div>
</div> --> </div> -->
<div *ngIf="viewchartvar" class="col-md-6 col-lg-4 mb-4"> <div *ngIf="viewchartvar" class="col-md-6 col-lg-8 mb-4">
<div class="box_shadow"> <div class="box_shadow">
<div class="blocks"> <div class="blocks">
<h2 class="chart_heading d-inline-block">{{'home.TOTAL_DIFFICULTY' | translate}}</h2> <h2 class="chart_heading d-inline-block">{{'home.TOTAL_DIFFICULTY' | translate}}</h2>

View File

@ -232,11 +232,19 @@ a:focus {
font-size: 13px; font-size: 13px;
color: #fff; color: #fff;
padding: 4px 18px 2px; padding: 4px 18px 2px;
display: inline-block; /* display: inline-block; */
margin-left: 5px; margin-left: 5px;
position: relative; position: relative;
z-index: 1; z-index: 1;
float: right; float: right;
margin-top: 5px;
border: 1px solid #0091ff;
transition: all 0.3s linear;
}
.blocks:hover .txn_count {
background: #fff;
color: #0091ff;
transition: all 0.3s linear;
} }
.day_filter { .day_filter {
background-color: #f9f9f7; background-color: #f9f9f7;
@ -264,6 +272,9 @@ a:focus {
.explore_all a { .explore_all a {
color: #777777; color: #777777;
} }
.explore_all a:hover, .explore_all a:focus {
color: #0091ff;
}
.ip_filter { .ip_filter {
padding: 12px 6px; padding: 12px 6px;
} }
@ -654,6 +665,7 @@ body.dark_theme {
.dark_theme .card-body{background-color: #1c2437;} .dark_theme .card-body{background-color: #1c2437;}
.diff_margin{margin-bottom: -10px !important; margin-top: -10px !important;} .diff_margin{margin-bottom: -10px !important; margin-top: -10px !important;}
.dark_theme .difficulty_datas .day60_txt{color: #fff;} .dark_theme .difficulty_datas .day60_txt{color: #fff;}
.dark_theme .legendtext{fill: rgb(255, 255, 255) !important;}
@keyframes yellowfade { @keyframes yellowfade {
from { from {
background: white; background: white;