Node highlighting

2019-07-10 23:19:39 +00:00
parent 4857bb97cb
commit d52c8206a6
5 changed files with 31 additions and 2 deletions
--- a/architype.css
+++ b/architype.css
@@ -84,6 +84,14 @@ body {
  background-color: var(--node);
 }

+.editor li.node.highlight {
+  background: repeating-linear-gradient(
+    -45deg,
+    transparent 0 10px,
+    rgba(255,0,0,0.3) 10px 20px
+  ), var(--node);
+}
+
 .editor li.group {
  background-color: var(--group);
 }
@@ -195,6 +203,11 @@ body {
  z-index: 3;
 }

+.gridNode.highlight {
+  border-color: var(--focus);
+  border-width: 3px;
+}
+
 .gridGraphLabel {
  height: 100%;
  width: 100%;