From 27bc12146c00184804d408baf60ccf8169c6a2a4 Mon Sep 17 00:00:00 2001
From: Peter Stuifzand <peter@stuifzand.eu>
Date: Wed, 11 Aug 2021 22:16:59 +0200
Subject: [PATCH] Show fold arrow to hide multiline content

---
 editor/src/styles.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/editor/src/styles.scss b/editor/src/styles.scss
index 301212e..66e116f 100644
--- a/editor/src/styles.scss
+++ b/editor/src/styles.scss
@@ -125,10 +125,18 @@ body {
   cursor: pointer;
 }
 
+// enable to close multi line content
+.list-item:not(.open) .content {
+  height: 1em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .list-item.no-children:hover .fold,
 .list-item.no-children.editor .fold,
 .list-item.no-children .fold {
-  visibility: hidden;
+  //visibility: hidden;
 }
 
 .list-item.no-children.fold {
@@ -471,6 +479,9 @@ textarea {
 .selected {
   background: lightblue;
 }
+.fold.closed + .marker {
+  border-color: lightblue;
+}
 .selected .marker {
   border-color: lightblue;
 }