hamburger for filetree

spike/review/reinvent/ezmded/server/todo.yaml

@@ -1,9 +1,8 @@
 todo:
-- do not rewrite .md title vs. link cause hrefs to ./gobs.md wont work
+- table of contents
 - alert box; https://concisecss.com/documentation/ui
 - scrape odo
 - scrape gdoc
-- hide checkbox for tree
 - scrape gsheet
 - scrape gslide
 - anchor links work
@@ -11,6 +10,8 @@ todo:
 - ui; last updated; 2022.02.01T12:34:56
 - mark generated via meta so other files in the dir can be created, deleted, replaced safely
 done:
+- hide checkbox for tree
+- do not rewrite .md title vs. link cause hrefs to ./gobs.md wont work
 - only one scroll bar
 - https://codepen.io/bisserof/pen/nrMveb
 - delete button does nothing

spike/review/reinvent/ezmded/ui/templates/_filetree.ctmpl

@@ -1,6 +1,6 @@
 {{ define "_filetree" }}
 <style>
-	details > details {
+	details > details details {
 		padding-inline-start: 2em;
 	}
 	summary {
@@ -16,10 +16,19 @@
 	#filetree {
 		padding-right: 1em;
 	}
+	details > summary > .hamburger::before {
+		content: "+";
+	}
+	details[open] > summary > .hamburger::before {
+		content: "-";
+	}
 </style>
-<div class="fullscreen tb_fullscreen" style="max-width: 25em;">
+<div class="fullscreen tb_fullscreen" style="max-width: 25em; margin: auto;">
+	<details open>
+		<summary style="outline: none;"><span class="border button hamburger"></span></summary>
 		<details open id="filetree">
 		</details>
+	</details>
 </div>
 <script>
 	function drawTree(tree) {