From 175ae7a58bc6e10673f19ef33e9d15a9b91b03a0 Mon Sep 17 00:00:00 2001
From: vuko <vuko@hackerspace.pl>
Date: Tue, 24 Nov 2020 16:54:26 +0100
Subject: [PATCH] add light-hidden class

---
 lights_web/static/index.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/lights_web/static/index.html b/lights_web/static/index.html
index 455da48..69b9db7 100644
--- a/lights_web/static/index.html
+++ b/lights_web/static/index.html
@@ -23,11 +23,16 @@
 			--color-off: var(--color-p-2);
 		}
 
-		.light-on, .light-off, .light-disabled {
+		.light-on, .light-off, .light-disabled, .light-hidden {
 			stroke-width: 0.07;
 			stroke: var(--color-p-0);
 		}
 
+		.light-hidden {
+			fill: var(--color-off);
+			visibility: hidden;
+		}
+
 		.light-on {
 			fill: var(--color-on);
 			cursor: pointer;
@@ -90,6 +95,7 @@
 					</g>
 					<g id="lights">
 						<rect
+							 class="light-hidden"
 							 id="l4"
 							 width="9.625"
 							 height="2.25"
@@ -97,6 +103,7 @@
 							 y="0.375"
 							 ry="0.375" />
 						<rect
+							 class="light-hidden"
 							 id="l5"
 							 width="6.125"
 							 height="2.25"
@@ -104,6 +111,7 @@
 							 y="3.375"
 							 ry="0.375" />
 						<rect
+							 class="light-hidden"
 							 id="l6"
 							 width="2.625"
 							 height="2.25"
@@ -111,6 +119,7 @@
 							 y="6.375"
 							 ry="0.375" />
 						<rect
+							 class="light-hidden"
 							 id="l7"
 							 width="2.625"
 							 height="2.25"
@@ -118,6 +127,7 @@
 							 y="9.374999"
 							 ry="0.375" />
 						<rect
+							 class="light-hidden"
 							 id="l8"
 							 width="1.75"
 							 height="3.0"
@@ -125,6 +135,7 @@
 							 y="4.125"
 							 ry="0.375" />
 						<rect
+							 class="light-hidden"
 							 width="6.125"
 							 height="2.25"
 							 x="0.4375"
@@ -132,6 +143,7 @@
 							 ry="0.375"
 							 id="l2" />
 						<rect
+							 class="light-hidden"
 							 width="6.125"
 							 height="2.25"
 							 x="0.4375"
@@ -139,6 +151,7 @@
 							 ry="0.375"
 							 id="l3" />
 						<rect
+							 class="light-hidden"
 							 id="l1"
 							 width="2.625"
 							 height="5.25"