wip

static/css/notes2.css

@@ -0,0 +1,38 @@
+#tree {
+  grid-area: tree;
+  padding: 16px;
+  background-color: #333;
+  color: #ddd;
+  z-index: 100;
+}
+#tree .node {
+  display: grid;
+  grid-template-columns: 24px min-content;
+  grid-template-rows: min-content 1fr;
+  margin-top: 12px;
+}
+#tree .node .expand-toggle img {
+  width: 16px;
+  height: 16px;
+}
+#tree .node .name {
+  white-space: nowrap;
+  cursor: pointer;
+  user-select: none;
+}
+#tree .node .name:hover {
+  color: #fe5f55;
+}
+#tree .node .name.selected {
+  color: #fe5f55;
+  font-weight: bold;
+}
+#tree .node .children {
+  padding-left: 24px;
+  margin-left: 8px;
+  border-left: 1px solid #555;
+  grid-column: 1 / -1;
+}
+#tree .node .children.collapsed {
+  display: none;
+}