@syncfusion/ej2-treegrid 24.2.9 → 25.1.35

package/styles/material-dark.css

@@ -410,10 +410,18 @@
   border-bottom: 1px solid #00b0ff;
   box-shadow: 0 0 0 0 #00b0ff;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #00b0ff;
+  box-shadow: 0 0 0 0 #00b0ff;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #00b0ff;
   box-shadow: 0 0 0 0 #00b0ff;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #00b0ff;
+  box-shadow: 0 0 0 0 #00b0ff;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/material.css

@@ -444,10 +444,18 @@
   border-bottom: 1px solid #e3165b;
   box-shadow: 0 0 0 0 #e3165b;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #e3165b;
+  box-shadow: 0 0 0 0 #e3165b;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #e3165b;
   box-shadow: 0 0 0 0 #e3165b;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #e3165b;
+  box-shadow: 0 0 0 0 #e3165b;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/material3-dark.css

@@ -501,10 +501,18 @@
   border-bottom: 2px solid rgba(var(--color-sf-primary));
   box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid rgba(var(--color-sf-primary));
+  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid rgba(var(--color-sf-primary));
   box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid rgba(var(--color-sf-primary));
+  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/material3.css

@@ -557,10 +557,18 @@
   border-bottom: 2px solid rgba(var(--color-sf-primary));
   box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid rgba(var(--color-sf-primary));
+  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid rgba(var(--color-sf-primary));
   box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid rgba(var(--color-sf-primary));
+  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/tailwind-dark.css

@@ -383,10 +383,18 @@
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #22d3ee;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #22d3ee;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #22d3ee;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #22d3ee;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/tailwind.css

@@ -383,10 +383,18 @@
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #4f46e5;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #4f46e5;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/_bds-definition.scss

@@ -0,0 +1,28 @@
+// color
+$treegrid-right-arrow-icon-color: $icon-color !default;
+$treegrid-right-arrow-hover-color: $icon-color-hover !default;
+$childborder-color: $primary !default;
+$error-elem-color: $danger !default;
+
+// Layout
+
+$error-elem-content: '\e77e' !default;
+$treegrid-right-arrow-icon-font-size: $text-lg !default;
+$treegrid-right-arrow-icon-padding: 0 !default;
+$treegrid-right-arrow-icon-vertical-align: unset;
+$treegrid-right-arrow-icon-height: 18px !default;
+$treegrid-right-arrow-icon-width: 16px !default;
+$treegrid-bigger-icon-size: 22px !default;
+$treegrid-smaller-icon-size: 16px !default;
+$treegrid-bigger-icon-font-size: $font-icon-22 !default;
+$treegrid-frame-bigger-icon-height: 18px !default;
+$treegrid-frame-bigger-icon-width: 18px !default;
+$treegrid-frame-icon-height: 16px !default;
+$treegrid-frame-icon-width: 16px !default;
+$treegrid-content-right-padding: 21px !default;
+$treegrid-rowdrag-childborder-border: 2px solid $primary;
+$treegrid-rowdd-topbottom-border: 2px solid $primary !default;
+$treegrid-rowdd-boxshadow: $primary !default;
+$treegrid-rowdd-childborder-width: 2px 0 0 !default;
+$treegrid-lastrowdd-childborder-width: 2px 0 !default;
+$treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;

package/styles/treegrid/_layout.scss

@@ -372,13 +372,21 @@
           border-bottom: $treegrid-rowdd-topbottom-border;
           box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
         }
+        &.e-droptop {
+          border-top: $treegrid-rowdd-topbottom-border;
+          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+        }
       }
-
+      
       td.e-rowdragdrop {
         &.e-dropbottom {
           border-bottom: $treegrid-rowdd-topbottom-border;
           box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
         }
+        &.e-droptop {
+          border-top: $treegrid-rowdd-topbottom-border;
+          box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
+        }
       }
     }
 

package/styles/treegrid/bootstrap-dark.css

@@ -394,10 +394,18 @@
   border-bottom: 1px solid #0070f0;
   box-shadow: 0 0 0 0 #0070f0;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #0070f0;
+  box-shadow: 0 0 0 0 #0070f0;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #0070f0;
   box-shadow: 0 0 0 0 #0070f0;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #0070f0;
+  box-shadow: 0 0 0 0 #0070f0;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/bootstrap.css

@@ -401,10 +401,18 @@
   border-bottom: 1px solid #317ab9;
   box-shadow: 0 0 0 0 #317ab9;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #317ab9;
+  box-shadow: 0 0 0 0 #317ab9;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #317ab9;
   box-shadow: 0 0 0 0 #317ab9;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #317ab9;
+  box-shadow: 0 0 0 0 #317ab9;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/bootstrap4.css

@@ -447,10 +447,18 @@
   border-bottom: 1px solid #e3165b;
   box-shadow: 0 0 0 0 #e3165b;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #e3165b;
+  box-shadow: 0 0 0 0 #e3165b;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #e3165b;
   box-shadow: 0 0 0 0 #e3165b;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #e3165b;
+  box-shadow: 0 0 0 0 #e3165b;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/bootstrap5-dark.css

@@ -437,10 +437,18 @@
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #0d6efd;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #0d6efd;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #0d6efd;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #0d6efd;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/bootstrap5.css

@@ -437,10 +437,18 @@
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #0d6efd;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #0d6efd;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #0d6efd;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #0d6efd;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/fabric-dark.css

@@ -376,10 +376,18 @@
   border-bottom: 1px solid #0074cc;
   box-shadow: 0 0 0 0 #0074cc;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #0074cc;
+  box-shadow: 0 0 0 0 #0074cc;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #0074cc;
   box-shadow: 0 0 0 0 #0074cc;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #0074cc;
+  box-shadow: 0 0 0 0 #0074cc;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/fabric.css

@@ -369,10 +369,18 @@
   border-bottom: 1px solid #0078d6;
   box-shadow: 0 0 0 0 #0078d6;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #0078d6;
+  box-shadow: 0 0 0 0 #0078d6;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #0078d6;
   box-shadow: 0 0 0 0 #0078d6;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #0078d6;
+  box-shadow: 0 0 0 0 #0078d6;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/fluent-dark.css

@@ -434,10 +434,18 @@
   border-bottom: 2px solid #0078d4;
   box-shadow: 0 0 0 0 #0078d4;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #0078d4;
+  box-shadow: 0 0 0 0 #0078d4;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #0078d4;
   box-shadow: 0 0 0 0 #0078d4;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #0078d4;
+  box-shadow: 0 0 0 0 #0078d4;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/fluent.css

@@ -434,10 +434,18 @@
   border-bottom: 2px solid #0078d4;
   box-shadow: 0 0 0 0 #0078d4;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #0078d4;
+  box-shadow: 0 0 0 0 #0078d4;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #0078d4;
   box-shadow: 0 0 0 0 #0078d4;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #0078d4;
+  box-shadow: 0 0 0 0 #0078d4;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/highcontrast-light.css

@@ -367,10 +367,18 @@
   border-bottom: 1px solid #400074;
   box-shadow: 0 0 0 0 #400074;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #400074;
+  box-shadow: 0 0 0 0 #400074;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #400074;
   box-shadow: 0 0 0 0 #400074;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #400074;
+  box-shadow: 0 0 0 0 #400074;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/highcontrast.css

@@ -373,10 +373,18 @@
   border-bottom: 1px solid #ffd939;
   box-shadow: 0 0 0 0 #ffd939;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #ffd939;
+  box-shadow: 0 0 0 0 #ffd939;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #ffd939;
   box-shadow: 0 0 0 0 #ffd939;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #ffd939;
+  box-shadow: 0 0 0 0 #ffd939;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/icons/_bds.scss

@@ -0,0 +1,37 @@
+@include export-module('treegrid-bds-icons') {
+  #{&}.e-treegrid,
+  .e-grid-menu {
+    .e-indent::before {
+      content: '\e810';
+    }
+
+    .e-outdent::before {
+      content: '\e72a';
+    }
+  }
+
+  .e-treegrid {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+
+    .e-toolbar-item {
+      .e-expand::before {
+        content: '\e7c9';
+      }
+
+      .e-collapse::before {
+        content: '\e80f';
+      }
+
+      .e-indent::before {
+        content: '\e810';
+      }
+
+      .e-outdent::before {
+        content: '\e72a';
+      }
+    }
+  }
+}

package/styles/treegrid/material-dark.css

@@ -410,10 +410,18 @@
   border-bottom: 1px solid #00b0ff;
   box-shadow: 0 0 0 0 #00b0ff;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #00b0ff;
+  box-shadow: 0 0 0 0 #00b0ff;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #00b0ff;
   box-shadow: 0 0 0 0 #00b0ff;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #00b0ff;
+  box-shadow: 0 0 0 0 #00b0ff;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/material.css

@@ -444,10 +444,18 @@
   border-bottom: 1px solid #e3165b;
   box-shadow: 0 0 0 0 #e3165b;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 1px solid #e3165b;
+  box-shadow: 0 0 0 0 #e3165b;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 1px solid #e3165b;
   box-shadow: 0 0 0 0 #e3165b;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 1px solid #e3165b;
+  box-shadow: 0 0 0 0 #e3165b;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/material3-dark.css

@@ -501,10 +501,18 @@
   border-bottom: 2px solid rgba(var(--color-sf-primary));
   box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid rgba(var(--color-sf-primary));
+  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid rgba(var(--color-sf-primary));
   box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid rgba(var(--color-sf-primary));
+  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/material3.css

@@ -557,10 +557,18 @@
   border-bottom: 2px solid rgba(var(--color-sf-primary));
   box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid rgba(var(--color-sf-primary));
+  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid rgba(var(--color-sf-primary));
   box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid rgba(var(--color-sf-primary));
+  box-shadow: 0 0 0 0 rgba(var(--color-sf-primary));
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/tailwind-dark.css

@@ -383,10 +383,18 @@
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #22d3ee;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #22d3ee;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #22d3ee;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #22d3ee;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }

package/styles/treegrid/tailwind.css

@@ -383,10 +383,18 @@
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #4f46e5;
+}
 .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
   border-bottom: 2px solid #4f46e5;
   box-shadow: 0 0 0 0 #4f46e5;
 }
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #4f46e5;
+}
 .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }