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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user