Add debug filter box

editor/js/ui/palette-editor.js

@@ -629,7 +629,7 @@ RED.palette.editor = (function() {
 
 
         $('<span>').html(RED._("palette.editor.sort")+' ').appendTo(toolBar);
-        var sortGroup = $('<span class="button-group"></span> ').appendTo(toolBar);
+        var sortGroup = $('<span class="button-group"></span>').appendTo(toolBar);
         var sortAZ = $('<a href="#" class="sidebar-header-button-toggle selected" data-i18n="palette.editor.sortAZ"></a>').appendTo(sortGroup);
         var sortRecent = $('<a href="#" class="sidebar-header-button-toggle" data-i18n="palette.editor.sortRecent"></a>').appendTo(sortGroup);
 

editor/js/ui/view.js

@@ -2423,14 +2423,15 @@ RED.view = (function() {
                         var flash = 22;
                         var flashFunc = function() {
                             flash--;
-                            node.highlighted = !node.highlighted;
                             node.dirty = true;
-                            RED.view.redraw();
                             if (flash >= 0) {
+                                node.highlighted = !node.highlighted;
                                 setTimeout(flashFunc,100);
                             } else {
+                                node.highlighted = false;
                                 delete node._flashing;
                             }
+                            RED.view.redraw();
                         }
                         flashFunc();
                     }

editor/sass/mixins.scss

@@ -70,7 +70,6 @@
     &.selected:not(.disabled) {
         color: $workspace-button-color-selected !important;
         background: $workspace-button-background-active;
-        cursor: default;
     }
     .button-group &:not(:first-child) {
         border-left: none;
@@ -86,6 +85,12 @@
         outline: 1px solid $workspace-button-color-focus-outline;
     }
 }
+
+.button-group:not(:last-child) {
+    margin-right: 10px;
+}
+
+
 @mixin workspace-button-toggle {
     @include workspace-button;
     color: $workspace-button-toggle-color !important;
@@ -97,6 +102,7 @@
         border-bottom-width: 2px;
         border-bottom-color: $form-input-border-selected-color;
         margin-bottom: 0;
+        cursor: default;
     }
     &.disabled {
         color: $workspace-button-toggle-color-disabled !important;
@@ -115,6 +121,12 @@
     height: 25px;
     line-height: 23px;
     padding: 0 10px;
+
+
+    .button-group:not(:last-child) {
+        margin-right: 5px;
+    }
+
 }
 
 @mixin component-footer-button {
@@ -128,6 +140,16 @@
         padding: 0 5px;
     }
 }
+@mixin component-footer-button-toggle {
+    @include workspace-button-toggle;
+    font-size: 11px;
+    line-height: 17px;
+    height: 18px;
+    &.text-button {
+        width: auto;
+        padding: 0 5px;
+    }
+}
 
 @mixin component-shadow {
     border: 1px solid $secondary-border-color;

editor/sass/palette-editor.scss

@@ -72,10 +72,6 @@
         padding: 8px 10px;
         border-bottom: 1px solid $primary-border-color;
         text-align: right;
-
-        .button-group {
-            margin-right: 10px;
-        }
     }
     .palette-module-button-group {
         position: absolute;

editor/sass/sidebar.scss

@@ -71,6 +71,7 @@
     padding: 8px 10px;
     background: #f3f3f3;
     border-bottom: 1px solid $secondary-border-color;
+    white-space: nowrap;
 }
 
 #sidebar-footer {
@@ -80,6 +81,9 @@
 .sidebar-footer-button {
     @include component-footer-button;
 }
+.sidebar-footer-button-toggle {
+    @include component-footer-button-toggle;
+}
 .sidebar-header-button {
     @include workspace-button;
     font-size: 13px;