diff --git a/web/rendergraphs.js b/web/rendergraphs.js index 30a70fe..38227bd 100644 --- a/web/rendergraphs.js +++ b/web/rendergraphs.js @@ -14,7 +14,7 @@ function render_graphs(items, history, show_hidden) { .enter() .filter(key => items[key].show || show_hidden) .append("div") - .attr("class", "graph-container"); + .attr("class", key => items[key].show ? "graph-container" : "graph-container-hidden"); // Append SVG elements to each div const svgs = graphDivs.append("svg") diff --git a/web/style.css b/web/style.css index 836e015..55a3aea 100644 --- a/web/style.css +++ b/web/style.css @@ -28,6 +28,10 @@ body { margin-right: 20px; } +.graph-container-hidden { + background: rgba(0, 0, 0, 0.25); +} + .banner { background-color: #177013; /* background color */ color: #fff; /* text color */