From f4f647acddbe34257e74f65757d58032784bade2 Mon Sep 17 00:00:00 2001
From: Peter Stuifzand <peter@stuifzand.eu>
Date: Sun, 24 May 2020 20:40:12 +0200
Subject: [PATCH] Show different color arrow for folds without children

---
 editor/package-lock.json |  6 +++---
 editor/package.json      |  2 +-
 editor/src/styles.scss   | 26 +++++++++++++++++++++++++-
 3 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/editor/package-lock.json b/editor/package-lock.json
index fd49e6f..c67bed3 100644
--- a/editor/package-lock.json
+++ b/editor/package-lock.json
@@ -7538,9 +7538,9 @@
       }
     },
     "wiki-list-editor": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/wiki-list-editor/-/wiki-list-editor-0.5.3.tgz",
-      "integrity": "sha512-4hzqnHb+RsX0SFPjLelsZN1TbU5KQVi+UQPrW2upJiyJ6T09yifajYAdWyf+q2R0bPSiwBQYoMp5w5JG3L7z6Q==",
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/wiki-list-editor/-/wiki-list-editor-0.5.5.tgz",
+      "integrity": "sha512-S3RLxVNTkrtrY4o830PtJGIRRKS4BcBVjCE8heLDoN7kHOeW9SSHtYzLdVvu/oAaBgD9hViPykudcrlvWUMfCQ==",
       "requires": {
         "dragula": "^3.7.2",
         "jquery": "^3.5.1",
diff --git a/editor/package.json b/editor/package.json
index ff13b91..3e94012 100644
--- a/editor/package.json
+++ b/editor/package.json
@@ -18,7 +18,7 @@
     "node-sass": "^4.14.1",
     "sass-loader": "^7.3.1",
     "style-loader": "^1.0.0",
-    "wiki-list-editor": "^0.5.3"
+    "wiki-list-editor": "^0.5.5"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
diff --git a/editor/src/styles.scss b/editor/src/styles.scss
index 350eef8..7e6993d 100644
--- a/editor/src/styles.scss
+++ b/editor/src/styles.scss
@@ -38,9 +38,33 @@ body {
   z-index: 50;
 }
 
-.hidden {
+#autocomplete.hidden {
   display: none;
 }
+#result-template.hidden {
+  display: none;
+}
+
+.fold {
+  align-self:flex-start;
+  font-size: 11px;
+  margin-top: 4px;
+}
+.fold.no-children {
+  color: #cccccc;
+}
+
+.fold.open {
+  transform: rotate(90deg);
+}
+
+.list-item.hidden {
+  border: 0;
+  padding: 0;
+  margin: 0;
+  height: 0;
+  overflow: hidden;
+}
 
 .marker {
   display: inline-block;