From 242398c7243c9eba3037e12fe60a013b8f027e9e Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Wed, 17 Oct 2018 13:18:08 +0100
Subject: [PATCH] Slow down sidebar control appearance

Also hides WIP action info panel buttons
---
 .../editor-client/src/js/ui/palette.js         |  3 ++-
 .../editor-client/src/js/ui/sidebar.js         |  2 +-
 .../editor-client/src/js/ui/tab-info.js        | 18 +++++++++---------
 3 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js b/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js
index 4740ada58..121c53994 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/palette.js
@@ -507,7 +507,7 @@ RED.palette = (function() {
             RED.menu.toggleSelected("menu-item-palette");
         })
         $("#palette").on("mouseenter", function() {
-            sidebarControls.toggle("slide", { direction: "left" }, 100);
+            sidebarControls.toggle("slide", { direction: "left" }, 200);
         })
         $("#palette").on("mouseleave", function() {
             sidebarControls.hide();
@@ -560,6 +560,7 @@ RED.palette = (function() {
     function togglePalette(state) {
         if (!state) {
             $("#main-container").addClass("palette-closed");
+            sidebarControls.hide();
             sidebarControls.find("i").addClass("fa-chevron-right").removeClass("fa-chevron-left");
         } else {
             $("#main-container").removeClass("palette-closed");
diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/sidebar.js b/packages/node_modules/@node-red/editor-client/src/js/ui/sidebar.js
index 63f726154..d068e9625 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/sidebar.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/sidebar.js
@@ -197,7 +197,7 @@ RED.sidebar = (function() {
             } else {
                 sidebarControls.find("i").removeClass("fa-chevron-right").addClass("fa-chevron-left");
             }
-            sidebarControls.toggle("slide", { direction: "right" }, 100);
+            sidebarControls.toggle("slide", { direction: "right" }, 200);
         }
     })
     $("#sidebar-separator").on("mouseleave", function() {
diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js
index c7094095b..d2534538a 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js
@@ -316,15 +316,15 @@ RED.sidebar.info = (function() {
         }
 
 
-        $('<tr class="blank"><th colspan="2"></th></tr>').appendTo(tableBody);
-        propRow = $('<tr class="node-info-node-row"><td>Actions</td><td></td></tr>').appendTo(tableBody);
-        var actionBar = $(propRow.children()[1]);
-
-        // var actionBar = $('<div>',{style:"background: #fefefe; padding: 3px;"}).appendTo(propertiesSection.content);
-        $('<button type="button" class="editor-button"><i class="fa fa-code"></i></button>').appendTo(actionBar);
-        $('<button type="button" class="editor-button"><i class="fa fa-code"></i></button>').appendTo(actionBar);
-        $('<button type="button" class="editor-button"><i class="fa fa-code"></i></button>').appendTo(actionBar);
-        $('<button type="button" class="editor-button"><i class="fa fa-code"></i></button>').appendTo(actionBar);
+        // $('<tr class="blank"><th colspan="2"></th></tr>').appendTo(tableBody);
+        // propRow = $('<tr class="node-info-node-row"><td>Actions</td><td></td></tr>').appendTo(tableBody);
+        // var actionBar = $(propRow.children()[1]);
+        //
+        // // var actionBar = $('<div>',{style:"background: #fefefe; padding: 3px;"}).appendTo(propertiesSection.content);
+        // $('<button type="button" class="editor-button"><i class="fa fa-code"></i></button>').appendTo(actionBar);
+        // $('<button type="button" class="editor-button"><i class="fa fa-code"></i></button>').appendTo(actionBar);
+        // $('<button type="button" class="editor-button"><i class="fa fa-code"></i></button>').appendTo(actionBar);
+        // $('<button type="button" class="editor-button"><i class="fa fa-code"></i></button>').appendTo(actionBar);