Node-Red
/
node-red
mirror of https://github.com/node-red/node-red.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Checkpoint

pull/5378/head
Nick O'Leary 2025-12-08 16:27:33 +00:00
parent 48b8659ddb
commit 04f7c8dc9f
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -209,9 +209,18 @@ RED.sidebar = (function() {
}
let draggingTabButton = false
function setupSidebarTabButtonContainer(sidebar, position) {
}
function setupSidebarTabs(sidebar) {
const tabBar = $('<div class="red-ui-sidebar-tab-bar"></div>').addClass('red-ui-sidebar-' + sidebar.direction);
const tabBarButtonsContainer = $('<div class="red-ui-sidebar-tab-bar-buttons"></div>').appendTo(tabBar);
const tabBarButtonsContainerBottom = $('<div class="red-ui-sidebar-tab-bar-buttons"></div>').appendTo(tabBar);
const dummyButton = $('<button><i class="fa fa-rocket"></i></button>').appendTo(tabBarButtonsContainerBottom);
const dummyButton2 = $('<button><i class="fa fa-box"></i></button>').appendTo(tabBarButtonsContainerBottom);
const tabOverflowButton = $('<button class="red-ui-sidebar-tab-bar-overflow-button"><i class="fa fa-ellipsis-h"></i></button>').appendTo(tabBarButtonsContainer);
sidebar.tabOverflowButton = tabOverflowButton
tabOverflowButton.hide()

17
packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss vendored
View File

@ -101,9 +101,6 @@
opacity: 0.7;
}
}
&.selected {
// box-shadow: 0 2px 0 0 var(--red-ui-form-input-border-selected-color);
}
}
.red-ui-sidebar-tab-bar-button-placeholder {
border: 1px dashed var(--red-ui-form-input-border-color);
@ -111,21 +108,19 @@
.red-ui-sidebar-tab-bar-buttons {
display: flex;
width: 100%;
background: rgba(255, 0, 0, 0.1);
padding: 6px 6px 10px;
padding: 6px;
box-sizing: border-box;
flex-direction: column;
align-items: center;
gap: 10px;
height: 100%;
flex-grow: 1;
}
.red-ui-sidebar-tab-bar-bottom-buttons {
display: flex;
flex-grow: 1;
background: rgba(0, 255, 0, 0.1);
padding: 8px 8px 12px;
flex-direction: column;
align-items: center;
gap: 12px;
min-height: 50px;
flex-grow: 0;
}
}