hidden item background colour

This commit is contained in:
Sam Hadow 2024-02-05 13:06:05 +01:00
parent 78492e20a7
commit 2c4439e972
2 changed files with 5 additions and 1 deletions

View File

@ -14,7 +14,7 @@ function render_graphs(items, history, show_hidden) {
.enter() .enter()
.filter(key => items[key].show || show_hidden) .filter(key => items[key].show || show_hidden)
.append("div") .append("div")
.attr("class", "graph-container"); .attr("class", key => items[key].show ? "graph-container" : "graph-container-hidden");
// Append SVG elements to each div // Append SVG elements to each div
const svgs = graphDivs.append("svg") const svgs = graphDivs.append("svg")

View File

@ -28,6 +28,10 @@ body {
margin-right: 20px; margin-right: 20px;
} }
.graph-container-hidden {
background: rgba(0, 0, 0, 0.25);
}
.banner { .banner {
background-color: #177013; /* background color */ background-color: #177013; /* background color */
color: #fff; /* text color */ color: #fff; /* text color */