From 04f7c8dc9fe3cd17f03ec7faf62eb374e0778cbb Mon Sep 17 00:00:00 2001
From: Nick O'Leary <nick.oleary@gmail.com>
Date: Mon, 8 Dec 2025 16:27:33 +0000
Subject: [PATCH] Checkpoint

---
 .../editor-client/src/js/ui/sidebar.js          |  9 +++++++++
 .../editor-client/src/sass/sidebar.scss         | 17 ++++++-----------
 2 files changed, 15 insertions(+), 11 deletions(-)

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 437350612..95288378c 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
@@ -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()
diff --git a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
index 04c8ade13..d8acb980b 100644
--- a/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
+++ b/packages/node_modules/@node-red/editor-client/src/sass/sidebar.scss
@@ -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;
     }
 }