public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Graph: legend css tweaks

Browse Source
This commit is contained in:
Torkel Ödegaard
2014-11-11 07:51:52 +01:00
parent a301c96c9d
commit 381b9ee7ee
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/panels/graph/legend.js
+6 -6
View File
@@ -90,7 +90,7 @@ function (angular, app, _, kbn, $) {
html += '<i class="icon-minus pointer" style="color:' + series.color + '"></i>';
html += '</div>';
html += '<div class="graph-legend-alias small">';
html += '<div class="graph-legend-alias">';
html += '<a>' + series.label + '</a>';
html += '</div>';
@@ -101,11 +101,11 @@ function (angular, app, _, kbn, $) {
var total = series.formatValue(series.stats.total);
if (panel.legend.values) {
if (panel.legend.min) { html += '<div class="graph-legend-value min small">' + min + '</div>'; }
if (panel.legend.max) { html += '<div class="graph-legend-value max small">' + max + '</div>'; }
if (panel.legend.avg) { html += '<div class="graph-legend-value avg small">' + avg + '</div>'; }
if (panel.legend.current) { html += '<div class="graph-legend-value current small">' + current + '</div>'; }
if (panel.legend.total) { html += '<div class="graph-legend-value total small">' + total + '</div>'; }
if (panel.legend.min) { html += '<div class="graph-legend-value min">' + min + '</div>'; }
if (panel.legend.max) { html += '<div class="graph-legend-value max">' + max + '</div>'; }
if (panel.legend.avg) { html += '<div class="graph-legend-value avg">' + avg + '</div>'; }
if (panel.legend.current) { html += '<div class="graph-legend-value">' + current + '</div>'; }
if (panel.legend.total) { html += '<div class="graph-legend-value total">' + total + '</div>'; }
}
html += '</div>';
src/css/less/graph.less
+7 -3
View File
@@ -18,12 +18,12 @@
top: 1px;
}
.graph-legend-series,
.graph-legend-icon,
.graph-legend-alias,
.graph-legend-value {
float: left;
white-space: nowrap;
font-size: 85%;
text-align: left;
&.current:before {
content: "Current: "
@@ -43,6 +43,8 @@
}
.graph-legend-series {
float: left;
white-space: nowrap;
padding-left: 10px;
padding-top: 6px;
}
@@ -110,7 +112,8 @@
text-align: right;
padding: 5px 10px;
font-weight: bold;
color: @blue
color: @blue;
font-size: 85%;
}
}
@@ -131,7 +134,8 @@
display: table-cell;
vertical-align: top;
position: relative;
left: -4px;
left: 4px;
top: -20px;
}
.graph-legend {