chore: change recycle dropzone border when drag starts

6pac · Aug 15, 2024 · e110817 · e110817
1 parent 1dbf1ca
commit e110817
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/examples/example9-row-reordering.html b/examples/example9-row-reordering.html
@@ -36,7 +36,7 @@
 
     .recycle-bin {
       width: 120px;
-      border: 1px solid gray;
+      border: 2px solid #e4e4e4;
       background: beige;
       padding: 4px;
       font-size: 12pt;
@@ -262,6 +262,7 @@ <h2>View Source:</h2>
     document.body.appendChild(proxy);
 
     dd.helper = proxy;
+    dropzoneElm.style.border = '2px dashed pink';
 
     return proxy;
   });
@@ -292,6 +293,8 @@ <h2>View Source:</h2>
       return;
     }
     dd.helper.remove();
+    dropzoneElm.style.border = '2px solid #e4e4e4';
+    dropzoneElm.style.background = '';
 
     if (dd.mode != "recycle" || dd.target.id !== 'dropzone') {
       return;
@@ -304,7 +307,6 @@ <h2>View Source:</h2>
     }
     grid.invalidate();
     grid.setSelectedRows([]);
-    dropzoneElm.style.background = '';
   });
 
   grid.onAddNewRow.subscribe(function (e, args) {