make collapsed/expanded bullets clearer
authorxangelo <git@xangelo.ca>
Wed, 25 Jan 2023 16:03:01 +0000 (11:03 -0500)
committerxangelo <git@xangelo.ca>
Wed, 25 Jan 2023 16:03:01 +0000 (11:03 -0500)
public/assets/style.css

index 847e6c1efbf97398279fb94be85f45307a813176..a0495ba36286c0098f1c3ff9ab7ae8ec593b856d 100644 (file)
@@ -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;