jsteele/grafana-statusmap
2
0
Fork 0
mirror of https://github.com/timberjoegithub/grafana-statusmap.git synced 2026-07-23 16:13:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Support for dark theme

Browse Source 
- dark theme colors
- dark theme screenshot
This commit is contained in:
Ivan Mikheykin
2018-10-17 22:33:27 +03:00
parent 4d952a841b
commit 0a8463e2ed
32 changed files with 191 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tooltip.js
+3 -3
View File
@@ -42,7 +42,7 @@ export class StatusHeatmapTooltip {
add() {
this.tooltip = d3.select("body")
.append("div")
.attr("class", "heatmap-tooltip graph-tooltip grafana-tooltip");
.attr("class", "statusmap-tooltip graph-tooltip grafana-tooltip");
}
destroy() {
@@ -79,7 +79,7 @@ export class StatusHeatmapTooltip {
let time = this.dashboard.formatDate(+x, tooltipTimeFormat);
let tooltipHtml = `<div class="graph-tooltip-time">${time}</div>
<div class="status-heatmap-histogram"></div>`;
<div class="statusmap-histogram"></div>`;
if (this.panel.color.mode === 'discrete') {
let statuses = this.panelCtrl.discreteHelper.convertValuesToTooltips(values);
@@ -94,7 +94,7 @@ export class StatusHeatmapTooltip {
name: <b>${y}</b> <br>
${statusesHtml}
<ul>
${_.join(_.map(statuses, v => `<li style="background-color: ${v.color}; padding: 1px; font-weight: bold; text-shadow: 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF">${v.tooltip}</li>`), "")}
${_.join(_.map(statuses, v => `<li style="background-color: ${v.color}" class="discrete-item">${v.tooltip}</li>`), "")}
</ul>
</div>`;
} else {