make collapsed/expanded bullets clearer

diff --git a/public/assets/style.css b/public/assets/style.css
index 847e6c1efbf97398279fb94be85f45307a813176..a0495ba36286c0098f1c3ff9ab7ae8ec593b856d 100644 (file)
--- a/public/assets/style.css
+++ b/public/assets/style.css
@@ -38,16 +38,17 @@ body {
   color: #222;
 }
 .node.collapsed::before, .node.expanded::before {
   color: #222;
 }
 .node.collapsed::before, .node.expanded::before {

-  content: '\22B3';

   float: left;
   padding-top: 6px;
   padding-right: 5px;
 }
 .node.collapsed::before {
   color: #222;
   float: left;
   padding-top: 6px;
   padding-right: 5px;
 }
 .node.collapsed::before {
   color: #222;

+  content: '\25B8';

 }
 .node.expanded::before {
   color: #aaa;
 }
 .node.expanded::before {
   color: #aaa;

+  content: '\25B9';

 }
 
 .node.collapsed > .node {
 }
 
 .node.collapsed > .node {


@@ -58,6 +59,13 @@ body {
   padding: 2px 1rem;;
   line-height: 1.7rem;
 }
   padding: 2px 1rem;;
   line-height: 1.7rem;
 }

+.node.cursor.expanded::before {
+  color: #000;
+  content: '\25B8';
+}
+.node.cursor.collapsed::before {
+  color: #fff;
+}

 .node.cursor > .nodeContent {
   color: #fff;
   background-color: #000;
 .node.cursor > .nodeContent {
   color: #fff;
   background-color: #000;