Add quick-add node mode with cmd/ctrl-click

editor/sass/editor.scss

@@ -168,12 +168,7 @@
     color: $workspace-button-color;
 }
 #palette-shade, #editor-shade, #header-shade, #sidebar-shade  {
-    position: absolute;
-    top:0;
-    bottom:0;
-    left:0;
-    right:0;
-    background: $shade-color;
+    @include shade;
     z-index: 2;
 }
 #sidebar-shade  {

editor/sass/flow.scss

@@ -170,6 +170,11 @@
     stroke-dasharray:8, 3;
 }
 
+
+.node_quickadd * {
+    stroke-dasharray: 12,3;
+}
+
 .node_status_label {
     @include disable-selection;
     stroke-width: 0;
@@ -183,6 +188,13 @@
     stroke: $port-selected-color;
     fill:  $port-selected-color;
 }
+
+.port_quick_link {
+    stroke: $port-selected-color;
+    fill:  $port-selected-color;
+}
+
+
 .subflowport {
     stroke-dasharray: 5,5;
     fill: #eee;

editor/sass/mixins.scss

@@ -156,3 +156,12 @@
     box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
 
 }
+
+@mixin shade {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background: $shade-color;
+}

editor/sass/palette-editor.scss

@@ -82,12 +82,7 @@
         }
     }
     .palette-module-shade {
-        position: absolute;
-        top: 0;
-        bottom:0;
-        left:0;
-        right:0;
-        background: $shade-color;
+        @include shade;
         text-align: center;
         padding-top: 20px;
     }

editor/sass/search.scss

@@ -29,6 +29,59 @@
     ol {
     }
 }
+.red-ui-type-search-shade {
+    @include shade;
+    z-index: 20;
+    position: fixed;
+    background: rgba(255,255,255,0.05);
+}
+.red-ui-type-search {
+    box-shadow: 0 1px 6px -3px black;
+    background: none;
+    width: 300px;
+    margin-left: 0px;
+    //height: 75px;
+    border: none;
+    .red-ui-search-container {
+        border-top-left-radius: 5px;
+        border-top-right-radius: 5px;
+        border: 1px dashed #aaa;
+        border-bottom: none;
+        padding: 0;
+    }
+    .red-ui-search-results-container {
+        display: none;
+        height: 150px;
+        // position: absolute;
+        // top: 0;
+        // left:0;
+        // right: 0;
+        // bottom: 0;
+        // padding: 0;
+    }
+    .red-ui-search-result {
+        padding:  2px 2px 2px 5px;
+        font-size: 12px;
+    }
+    .red-ui-search-result-node {
+        width: 18px;
+        height: 15px;
+    }
+    .palette_icon_container {
+        width: 18px;
+    }
+    .palette_icon {
+        width: 15px;
+    }
+    .red-ui-search-result-description {
+        margin-left:28px;
+    }
+    .red-ui-search-result-node-label {
+        color: #999;
+    }
+
+}
+
 .red-ui-search-container {
     padding: 3px;
     border-bottom: 1px solid $secondary-border-color;
@@ -64,6 +117,11 @@
         border-color: $primary-border-color;
         color: $form-text-color;
     }
+    &:after {
+        content: "";
+        display: table;
+        clear: both;
+    }
 }
 
 .red-ui-search-result-node {
@@ -78,6 +136,11 @@
     background-repeat: no-repeat;
     background-size: contain;
     position: relative;
+
+    .palette_icon_container {
+        border-right: none;
+    }
+
 }
 .red-ui-search-result-description {
     margin-left: 40px;

editor/sass/sidebar.scss

@@ -101,10 +101,5 @@
 }
 
 .sidebar-shade {
-    position: absolute;
-    top:0;
-    bottom:0;
-    left:0;
-    right:0;
-    background: $shade-color;
+    @include shade;
 }