frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2025-03-01 10:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Slow down sidebar control appearance

Browse Source 
Also hides WIP action info panel buttons
This commit is contained in:
Nick O'Leary
2018-10-17 13:18:08 +01:00
parent 289583325d
commit 242398c724
3 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/node_modules/@node-red/editor-client/src/js/ui/palette.js vendored
View File

@@ -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");

2
packages/node_modules/@node-red/editor-client/src/js/ui/sidebar.js vendored
View File

@@ -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() {

18
packages/node_modules/@node-red/editor-client/src/js/ui/tab-info.js vendored
View File

@@ -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);