Add drag-and-drop reordering of sibling elements in the tree panel

Elements can now be reordered within the same container by dragging a row above or below another in the left-hand element tree.
This commit is contained in:
william
2026-08-24 08:43:36 +02:00
parent 17fa4cf087
commit 4b05301e2e
6 changed files with 160 additions and 1 deletions
+3
View File
@@ -195,6 +195,9 @@ body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; d
.treeIcon{ flex:0 0 auto; font-size:12px; }
.treeLabel{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.treeChildren{ display:flex; flex-direction:column; margin-left:10px; padding-left:8px; border-left:1px dashed var(--border); }
.treeRow.dragging{ opacity:0.4; }
.treeRow.dropBefore{ box-shadow: inset 0 2px 0 0 var(--accent); }
.treeRow.dropAfter{ box-shadow: inset 0 -2px 0 0 var(--accent); }
.contextMenu{
position:fixed; z-index:500; background:var(--panel); border:1px solid var(--border);