Changed UI color style

pull/3/head
Sami Mokaddem 2017-11-06 16:09:29 +01:00
parent 671c8f2608
commit 798bd9d6c9
3 changed files with 15 additions and 10 deletions

View File

@ -3,6 +3,11 @@
height: auto;
}
.infoBlue {
background-color: #719bc0 !important;
color: white;
}
.centerInBtn {
float: left;
text-align: center;

View File

@ -269,19 +269,19 @@ function updateProgressHeader(org) {
// update color in other dataTables
datatableTop.rows().every( function() {
var row = this.node();
if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); }
if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
});
datatableFame.rows().every( function() {
var row = this.node();
if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); }
if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
});
datatableCateg.rows().every( function() {
var row = this.node();
if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); }
if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
});
datatableLast.rows().every( function() {
var row = this.node();
if(this.data()[3] == data.org) { row.classList.add('info'); } else { row.classList.remove('info'); }
if(this.data()[3] == data.org) { row.classList.add('infoBlue'); } else { row.classList.remove('info'); }
});
});
}

View File

@ -62,7 +62,7 @@
<label class="checkbox-inline" style="font-weight: bold; position: relative; top: -30%; left:10%">
<input id="reloadCheckbox" type="checkbox" style="top: -2px;" checked>Auto reload
</label>
<label id='labelRemainingTime' style="font-weight: bold; position: relative; left: -38%; bottom: -30%;"></label>
<label id='labelRemainingTime' style="font-weight: bold; font-size: medium; position: relative; left: -38%; bottom: -30%; color: #f0ad4e;"></label>
</div>
</div>
<div id="ledsHolder" style="float: right; height: 50px;">
@ -99,7 +99,7 @@
<div class="col-lg-8">
<div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;">
<i class="fa fa-asterisk " style="margin-right: 5px;"></i><b>Contributor Ranking</b>
<i class="fa fa-asterisk " style="margin-right: 5px; color: #f0ad4e;"></i><b>Contributor Ranking</b>
</div>
<div id="panelRanking" class="panel-body" style="height: 100%;">
@ -126,7 +126,7 @@
<div class="col-lg-4">
<div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;">
<i class="glyphicon glyphicon-fire " style="margin-right: 5px;"></i><b>Last contributors (24h)</b>
<i class="glyphicon glyphicon-fire " style="margin-right: 5px; color: #d9534f;"></i><b>Last contributors (24h)</b>
</div>
<div id="panellast" class="panel-body" style="height: 100%;">
@ -153,7 +153,7 @@
<div class="col-lg-12">
<div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;">
<i class="fa fa-th-list " style="margin-right: 5px;"></i><b>Contributors and Categories</b>
<i class="fa fa-th-list " style="margin-right: 5px; color: #f0ad4e;"></i><b>Contributors and Categories</b>
</div>
<div id="panelRanking" class="panel-body" style="height: 100%;">
@ -188,7 +188,7 @@
<div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;">
<i class="fa fa-star-o" style="margin-right: 5px;"></i><b>Hall Of Fame</b>
<i class="fa fa-star" style="margin-right: 5px; color: #f0ad4e;"></i><b>Hall Of Fame</b>
</div>
<div id="panelRanking" class="panel-body" style="height: 100%;">
@ -213,7 +213,7 @@
<div class="panel panel-default" style="height: 100%;">
<div class="panel-heading bg-info" style="font-weight: bold;">
<i class="fa fa-line-chart" style="margin-right: 5px;"></i><b>Top 5 Contributor overtime</b>
<i class="fa fa-line-chart" style="margin-right: 5px; color: #f0ad4e;"></i><b>Top 5 Contributor overtime</b>
</div>
<div id="panelRanking" class="panel-body" style="height: 100%;">
<div id="divTop5Overtime" style="height: 32vh"></div>