@syncfusion/ej2-treegrid 27.2.2 → 28.1.33

package/styles/treegrid/_layout.scss

@@ -35,7 +35,15 @@
     .e-icons.e-none::before {
       content: '';
     }
+    
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+      border-left: $treegrid-rowdrag-childborder-border;
+    }
 
+    .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
+      height: auto;
+    }
+    
     .e-gridheader {
       .e-headercell .e-css.e-hierarchycheckbox {
         height: 20px;
@@ -63,10 +71,10 @@
       }
     }
 
-    tr.e-childrow-hidden {
+    tr.e-childrow-hidden{
       display: none;
     }
-
+    
     .e-rowcell:not(.e-gridclip) {
       .e-treecolumn-container {
         display: block;
@@ -162,6 +170,10 @@
       }
     }
 
+    .e-cloneproperties .e-rowcell:not(.e-gridclip) .errorValue .e-treecolumn-container {
+      display: table-row;
+    }
+
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;
@@ -270,6 +282,9 @@
         border-color: $childborder-color;
         border-width: $treegrid-rowdd-childborder-width;
         @include drop-bottom-child;
+        &.e-leftfreeze {
+          position: sticky;
+        }
       }
 
       td.e-rowcell.e-childborder.e-dragborder,
@@ -305,6 +320,9 @@
       td.e-rowcell.e-dropbottom,
       td.e-dropbottom {
         @include drop-bottom-child;
+        &.e-leftfreeze {
+          position: sticky;
+        }
       }
 
       td.e-droptop:first-child,
@@ -412,6 +430,9 @@
           border-width: $treegrid-rtl-rowdd-childborder-width;
           position: relative;
           z-index: 1;
+          &.e-leftfreeze {
+            position: sticky;
+          }
         }
 
         td.e-rowcell.e-dragborder,

package/styles/treegrid/_tailwind3-definition.scss

@@ -0,0 +1,24 @@
+$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;
+$error-elem-content: '\e839' !default;
+$treegrid-right-arrow-icon-font-size: 16px !default;
+$treegrid-right-arrow-icon-padding: 0 !default;
+$treegrid-right-arrow-icon-vertical-align: unset;
+$treegrid-right-arrow-icon-height: 16px !default;
+$treegrid-right-arrow-icon-width: 16px !default;
+$treegrid-bigger-icon-size: 20px !default;
+$treegrid-smaller-icon-size: 16px !default;
+$treegrid-bigger-icon-font-size: 20px !default;
+$treegrid-frame-bigger-icon-height: 24px !default;
+$treegrid-frame-bigger-icon-width: 24px !default;
+$treegrid-frame-icon-height: 16px !default;
+$treegrid-frame-icon-width: 16px !default;
+$treegrid-content-right-padding: 21px !default;
+$treegrid-rowdrag-childborder-border: 2px dashed #4f46e5;
+$treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !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;