foreman/app/assets/stylesheets/charts.scss @ a9ea3490
8527c9f1 | Amos Benari | @import "mixin";
|
|
870e7fcc | Amos Benari | .stats-well {
|
|
border: 1px solid #d7d7d7;
|
|||
d109535d | Tomer Brisker | border-radius: 3px;
|
|
870e7fcc | Amos Benari | background-size: 100%;
|
|
d109535d | Tomer Brisker | @include linear-gradient(#f7f7f7,#eee);
|
|
070b83fe | Amos Benari | padding: 13px;
|
|
870e7fcc | Amos Benari | min-width: 280px;
|
|
8b80115c | Amos Benari | min-height: 100px;
|
|
870e7fcc | Amos Benari | margin-bottom: 15px;
|
|
h2, h4{
|
|||
font-weight: normal;
|
|||
}
|
|||
}
|
|||
.fact_chart {
|
|||
a9ea3490 | Amir Feferkuchen | float: left;
|
|
070b83fe | Amos Benari | min-height: 450px !important;
|
|
a9ea3490 | Amir Feferkuchen | width: 485px !important;
|
|
870e7fcc | Amos Benari | padding: 0 !important;
|
|
text-align: center;
|
|||
overflow: hidden;
|
|||
}
|
|||
a9ea3490 | Amir Feferkuchen | .legend {
|
|
margin-left: 485px;
|
|||
margin-top: 10px;
|
|||
height: 450px;
|
|||
width: 110px;
|
|||
text-align: center;
|
|||
overflow-y: auto;
|
|||
overflow-x: hidden;
|
|||
}
|
|||
870e7fcc | Amos Benari | #statistics{
|
|
.stats-well{
|
|||
float: left;
|
|||
padding: 10px 20px;
|
|||
margin: 0 0 20px 20px;
|
|||
&:hover{
|
|||
border-color:#0069d6;
|
|||
8527c9f1 | Amos Benari | @include box-shadow(0 1px 4px rgba(0, 105, 214, 0.25));
|
|
870e7fcc | Amos Benari | }
|
|
}
|
|||
}
|
|||
#reports .stats-well{
|
|||
min-height: 380px;
|
|||
}
|
|||
#hosts .stats-well{
|
|||
min-height: 270px;
|
|||
}
|
|||
.statistics-bar{
|
|||
width: 260px;
|
|||
070b83fe | Amos Benari | height: 305px;
|
|
margin: 0px auto 27px auto;
|
|||
870e7fcc | Amos Benari | }
|
|
.statistics-pie{
|
|||
width: 450px;
|
|||
height: 450px;
|
|||
070b83fe | Amos Benari | margin: 12px auto;
|
|
870e7fcc | Amos Benari | &.small{
|
|
width: 240px;
|
|||
height: 240px;
|
|||
}
|
|||
}
|
|||
070b83fe | Amos Benari | .modal-dialog .statistics-pie{
|
|
margin-bottom: 46px;
|
|||
.pieLabel{
|
|||
margin-left: -30px;
|
|||
margin-top: -10px;
|
|||
font-weight: bold;
|
|||
}
|
|||
}
|
|||
870e7fcc | Amos Benari | .axisLabels{
|
|
color: #626262;
|
|||
font-weight: bold;
|
|||
}
|
|||
#flot-tooltip {
|
|||
font-size: 12px;
|
|||
font-family: 'Overpass', Interstate, sans-serif;
|
|||
position: absolute;
|
|||
display: none;
|
|||
border: 2px solid;
|
|||
padding: 2px;
|
|||
background-color: #FFF;
|
|||
opacity: 0.8;
|
|||
72c1d0d8 | Tomer Brisker | z-index: 100;
|
|
d109535d | Tomer Brisker | border-radius: 5px;
|
|
870e7fcc | Amos Benari | b{
|
|
color: black;
|
|||
font-weight: bold;
|
|||
}
|
|||
}
|
|||
.xAxis > .tickLabel
|
|||
{
|
|||
margin-top:15px;
|
|||
-webkit-transform:rotate(-45deg);
|
|||
d109535d | Tomer Brisker | transform:rotate(-45deg);
|
|
870e7fcc | Amos Benari | }
|
|
.pie-title{
|
|||
color: #626262;
|
|||
}
|
|||
070b83fe | Amos Benari | .pieLabel{
|
|
870e7fcc | Amos Benari | text-align:center;
|
|
070b83fe | Amos Benari | font-size: 16px;
|
|
.percent{
|
|||
font-size: 28px;
|
|||
}
|
|||
870e7fcc | Amos Benari | }
|
|
.statistics-pie.small .overlay {
|
|||
background: url(/assets/pie_overlay.png) no-repeat;
|
|||
background-size: cover;
|
|||
-ms-behavior: url(/assets/background-size.htc);
|
|||
z-index: 1;
|
|||
}
|
|||
.statistics-chart{
|
|||
height: 270px;
|
|||
width: 100%;
|
|||
margin-bottom: 20px;
|
|||
5d280ebe | Amos Benari | font-size: 14px;
|
|
870e7fcc | Amos Benari | }
|
|
bf59cec1 | Tomer Brisker | #host-show{
|
|
.statistics-chart{
|
|||
height: 230px;
|
|||
}
|
|||
.chart{
|
|||
height: 250px;
|
|||
}
|
|||
dfd511ba | Amos Benari | }
|
|
870e7fcc | Amos Benari | .reset-zoom{
|
|
float: right;
|
|||
}
|
|||
#legendContainer table{
|
|||
width: 100%;
|
|||
}
|
|||
.legend td.legendColorBox,
|
|||
#legendContainer td.legendColorBox{
|
|||
&:hover,
|
|||
&.disabled:hover{
|
|||
background-color: #0069d6;
|
|||
color: white;
|
|||
cursor: pointer;
|
|||
}
|
|||
&.disabled{
|
|||
opacity: (0.3);
|
|||
}
|
|||
}
|