mirror of https://gitee.com/bigwinds/arangodb
fixed dynamic css for dashboard
This commit is contained in:
parent
7a93da8e31
commit
b527910ba9
|
@ -1,6 +1,6 @@
|
|||
.span3 {
|
||||
min-height:100px;
|
||||
width: 280px;
|
||||
width: 230px;
|
||||
margin-left: 8px !important;
|
||||
margin-bottom: 8px !important;
|
||||
border: 0px;
|
||||
|
@ -20,7 +20,7 @@
|
|||
white-space: nowrap !important;
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
width: 264px;
|
||||
width: 214px;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
background:#676665;
|
||||
|
|
|
@ -22,8 +22,8 @@
|
|||
|
||||
.group-close, .group-open {
|
||||
float:right;
|
||||
margin-top: 17px !important;
|
||||
margin-right: 7px !important;
|
||||
margin-top: 18px !important;
|
||||
margin-right: 25px !important;
|
||||
}
|
||||
|
||||
.db-zoom, .db-minimize, .db-hide, .db-info, #detailReplicationMinimize{
|
||||
|
@ -42,9 +42,10 @@
|
|||
}
|
||||
|
||||
.statGroups {
|
||||
margin-top: 10px !important;
|
||||
margin-left: 0px;
|
||||
float:left;
|
||||
width: 100%;
|
||||
width: 100% !important;
|
||||
margin-bottom: -15px !important;
|
||||
}
|
||||
|
||||
|
@ -61,21 +62,20 @@
|
|||
|
||||
.statSingleClient {
|
||||
height: 300px;
|
||||
width: 99.7%;
|
||||
width: 100% !important;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px !important;
|
||||
margin-right: 11px;
|
||||
margin-right: 11px !important;
|
||||
margin-bottom: 0px !important;
|
||||
border: 1px solid black;
|
||||
background-color: #F4F3F3;
|
||||
}
|
||||
|
||||
.statClient {
|
||||
float: left;
|
||||
height: 70px;
|
||||
width: 203px;
|
||||
margin-left: 9px;
|
||||
margin-bottom: 12px;
|
||||
width: 230px;
|
||||
margin-left: 8px !important;
|
||||
margin-bottom: 8px !important;
|
||||
border: 1px solid black;
|
||||
background-color: #F4F3F3;
|
||||
}
|
||||
|
@ -106,8 +106,7 @@
|
|||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
height: 140px;
|
||||
/*width: 255px;*/
|
||||
width: 272px;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.svgDetailClass {
|
||||
|
@ -136,16 +135,23 @@
|
|||
margin-bottom: -15px !important;
|
||||
}
|
||||
|
||||
.statsHeader {
|
||||
#statsHeaderDiv {
|
||||
margin-bottom: 16px;
|
||||
margin-top: 12px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
width: 100%;
|
||||
background-color: #686766;
|
||||
margin-right: 20px !important;
|
||||
margin-left: 8px !important;
|
||||
padding: 0 !important;
|
||||
height: 24px !important;
|
||||
width: auto !important;
|
||||
color: white;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.statsHeader {
|
||||
width: 100%;
|
||||
background-color: #686766 !important;
|
||||
}
|
||||
|
||||
#dashboardHeader {
|
||||
background-color: #686766;
|
||||
border-bottom: 1px solid #A0A0A0;
|
||||
|
@ -409,3 +415,6 @@
|
|||
border: 0 !important;
|
||||
}
|
||||
|
||||
#detailGraphPadding {
|
||||
padding-right: 33px !important;
|
||||
}
|
||||
|
|
|
@ -242,7 +242,10 @@ table .sorting {
|
|||
}
|
||||
|
||||
.marginRight10 {
|
||||
padding-right: 33px !important;
|
||||
padding-left: 10px !important;
|
||||
padding-top: 10px !important;
|
||||
padding-bottom: 10px !important;
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
|
|
|
@ -127,6 +127,7 @@
|
|||
<h4 class="">Detail Chart</h4>
|
||||
</li>
|
||||
|
||||
<div id="detailGraphPadding">
|
||||
<li id="detailGraph" class="statSingleClient">
|
||||
<div class="boxHeader">
|
||||
<h6 id="detailGraphHeader" class="dashboardH6">User Time</h6>
|
||||
|
@ -135,5 +136,6 @@
|
|||
<svg class="svgDetailClass"/>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
|
|
|
@ -211,7 +211,7 @@ var dashboardView = Backbone.View.extend({
|
|||
$('.thumbnails').append(
|
||||
'<ul class="statGroups" id="' + this.group + '">' +
|
||||
'<i class="group-close icon-minus icon-white"></i>' +
|
||||
'<h4 class="statsHeader">' + this.name + '</h4>' +
|
||||
'<div id="statsHeaderDiv"><h4 class="statsHeader">' + this.name + '</h4></div>' +
|
||||
'</ul>');
|
||||
|
||||
//group
|
||||
|
|
|
@ -24,7 +24,9 @@ var navigationView = Backbone.View.extend({
|
|||
//padding row 40px
|
||||
var containerWidth = $(window).width() - 70;
|
||||
//var spanWidth = $('.span3').outerWidth(true);
|
||||
var spanWidth = 292;
|
||||
var test = $('.span3').outerWidth(true);
|
||||
console.log(test);
|
||||
var spanWidth = 242;
|
||||
var divider = containerWidth / spanWidth;
|
||||
var roundDiv = parseInt(divider, 10);
|
||||
|
||||
|
|
Loading…
Reference in New Issue