From 339290c464527cde6ac2ba73c3c5dd5fbe4d35c3 Mon Sep 17 00:00:00 2001
From: Steve-Mcl <sdmclaughlin@gmail.com>
Date: Sat, 21 Sep 2024 09:12:01 +0100
Subject: [PATCH 1/2] support dropping group into empty page

---
 nodes/config/ui_base.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/nodes/config/ui_base.html b/nodes/config/ui_base.html
index 09f526bf9..78ecda2fe 100644
--- a/nodes/config/ui_base.html
+++ b/nodes/config/ui_base.html
@@ -235,9 +235,11 @@
         display: flex;
         flex-direction: column;
     }
+    div.nrdb2-sb-group-list-container ol.nrdb2-sb-group-list.red-ui-editableList-list.ui-sortable,
     div.nrdb2-sb-widget-list-container ol.nrdb2-sb-widget-list.red-ui-editableList-list.ui-sortable {
         min-height: 20px; /* IMPORTANT! So that user when last element is dragged out it doesnt collapse. */
     }
+    div.nrdb2-sb-group-list-container ol.nrdb2-sb-group-list.red-ui-editableList-list.ui-sortable:empty,
     div.nrdb2-sb-widget-list-container ol.nrdb2-sb-widget-list.red-ui-editableList-list.ui-sortable:empty {
         border: 1px dashed #c4c4c4;
         padding: 8px; /* should be 9px to match the other entries but border width is 2px */
@@ -247,11 +249,13 @@
         border-right-width: 0;
         background-color: #f9f9f9;
     }
+    div.nrdb2-sb-group-list-container ol.nrdb2-sb-group-list.red-ui-editableList-list.ui-sortable:empty::before,
     div.nrdb2-sb-widget-list-container ol.nrdb2-sb-widget-list.red-ui-editableList-list.ui-sortable:empty::before {
         content: "empty";
         color: #d2d2d2;
         font-style: italic;
     }
+    ol.nrdb2-sb-group-list li:last-child ol.nrdb2-sb-group-list.red-ui-editableList-list.ui-sortable:empty,
     ol.nrdb2-sb-group-list li:last-child ol.nrdb2-sb-widget-list.red-ui-editableList-list.ui-sortable:empty {
         border-bottom-width: 0px;
     }

From d7c8f25d67109656d9708a97047d0edda58fae7a Mon Sep 17 00:00:00 2001
From: Joe Pavitt <joepavitt@flowforge.com>
Date: Mon, 23 Sep 2024 11:10:10 +0100
Subject: [PATCH 2/2] Minor CSS corrections to prevent double bordering

---
 nodes/config/ui_base.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/nodes/config/ui_base.html b/nodes/config/ui_base.html
index 78ecda2fe..aa3953925 100644
--- a/nodes/config/ui_base.html
+++ b/nodes/config/ui_base.html
@@ -241,7 +241,6 @@
     }
     div.nrdb2-sb-group-list-container ol.nrdb2-sb-group-list.red-ui-editableList-list.ui-sortable:empty,
     div.nrdb2-sb-widget-list-container ol.nrdb2-sb-widget-list.red-ui-editableList-list.ui-sortable:empty {
-        border: 1px dashed #c4c4c4;
         padding: 8px; /* should be 9px to match the other entries but border width is 2px */
         height: 20px; /* To make it visible */
         text-align: center;
@@ -249,13 +248,15 @@
         border-right-width: 0;
         background-color: #f9f9f9;
     }
+    div.nrdb2-sb-widget-list-container ol.nrdb2-sb-widget-list.red-ui-editableList-list.ui-sortable:empty {
+        border: 1px dashed #c4c4c4;
+    }
     div.nrdb2-sb-group-list-container ol.nrdb2-sb-group-list.red-ui-editableList-list.ui-sortable:empty::before,
     div.nrdb2-sb-widget-list-container ol.nrdb2-sb-widget-list.red-ui-editableList-list.ui-sortable:empty::before {
         content: "empty";
         color: #d2d2d2;
         font-style: italic;
     }
-    ol.nrdb2-sb-group-list li:last-child ol.nrdb2-sb-group-list.red-ui-editableList-list.ui-sortable:empty,
     ol.nrdb2-sb-group-list li:last-child ol.nrdb2-sb-widget-list.red-ui-editableList-list.ui-sortable:empty {
         border-bottom-width: 0px;
     }