2 files changed, 31 insertions(+), 4 deletions(-)

M public/assets/style.css
M public/device.html

@@ 99,6 99,21 @@ ul.pre ul li:last-child:before {
     border-left: thin solid #444;
 }
 
+ul.pre input[type="checkbox"] {
+    display: none;
+}
+ul.pre input[type="checkbox"] ~ label::before {
+    content: "[+]";
+    color: gray;
+    cursor: pointer;
+}
+ul.pre input[type="checkbox"]:checked ~ label::before {
+    content: "[-]";
+}
+ul.pre input[type="checkbox"]:not(:checked) ~ ul {
+    display: none;
+}
+
 .alt-formats {
     float: right;
 }

@@ 158,7 158,10 @@
 	{{end}}
 
 	{{with .Connectors}}
-	<li id="connectors">Connectors
+	<li id="connectors">
+		<input type="checkbox" id="show-connectors" checked>
+		<label for="show-connectors"></label>
+		Connectors
 		<ul>
 			{{range $i, $conn := .}}
 			<li id="object-{{.ID}}">Connector {{$i}}


@@ 171,7 174,10 @@
 	{{end}}
 
 	{{with .Encoders}}
-	<li id="encoders">Encoders
+	<li id="encoders">
+		<input type="checkbox" id="show-encoders" checked>
+		<label for="show-encoders"></label>
+		Encoders
 		<ul>
 			{{range $i, $enc := .}}
 			<li id="object-{{.ID}}">Encoder {{$i}}


@@ 184,7 190,10 @@
 	{{end}}
 
 	{{with .CRTCs}}
-	<li id="crtcs">CRTCs
+	<li id="crtcs">
+		<input type="checkbox" id="show-crtcs" checked>
+		<label for="show-crtcs"></label>
+		CRTCs
 		<ul>
 			{{range $i, $crtc := .}}
 			<li id="object-{{.ID}}">CRTC {{$i}}


@@ 197,7 206,10 @@
 	{{end}}
 
 	{{with .Planes}}
-	<li id="planes">Planes
+	<li id="planes">
+		<input type="checkbox" id="show-planes" checked>
+		<label for="show-planes"></label>
+		Planes
 		<ul>
 			{{range $i, $plane := .}}
 			<li id="object-{{.ID}}">Plane {{$i}}