@syncfusion/ej2-vue-treegrid 20.1.48 → 20.1.55

package/styles/treegrid/tailwind-dark.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
@@ -54,6 +53,7 @@
 
 .e-popup.e-ddl .e-dropdownbase {
   min-height: 26px;
+  padding: 4px 0;
 }
 
 .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
@@ -78,24 +78,6 @@
   background-color: #374151;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  margin: 0;
-  min-height: 12px;
-  min-width: 12px;
-  padding: 6px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
-  min-height: 16px;
-  min-width: 16px;
-}
-
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
-  padding: 8px 16px 8px 0;
-}
-
 .e-input-group.e-ddl,
 .e-input-group.e-ddl .e-input,
 .e-input-group.e-ddl .e-ddl-icon {
@@ -107,45 +89,6 @@
   border-bottom-width: 0;
 }
 
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
-  margin: 0;
-}
-
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small.e-input-focus .e-input-filter {
-  padding: 5px 5px 5px 12px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
-.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
-  min-height: 18px;
-  min-width: 18px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
-.e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
-.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
-.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
-  padding: 8px 16px;
-}
-
 .e-ddl.e-popup.e-outline .e-filter-parent {
   padding: 4px 8px;
 }
@@ -158,7 +101,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -167,26 +109,21 @@
     transform: rotate(360deg);
   }
 }
-
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
-  content: '\e707';
+  content: "\e75c";
 }
-
 .e-treegrid .e-toolbar-item .e-expand::before {
-  content: '\e762';
+  content: "\e7c9";
 }
-
 .e-treegrid .e-toolbar-item .e-collapse::before {
-  content: '\e750';
+  content: "\e80f";
 }
-
 .e-treegrid .e-toolbar-item .e-indent::before {
-  content: '\e7ac';
+  content: "\e810";
 }
-
 .e-treegrid .e-toolbar-item .e-outdent::before {
-  content: '\e735';
+  content: "\e72a";
 }
 
 .e-bigger .e-treegrid .e-treegridexpand,
@@ -195,109 +132,85 @@
   height: 22px;
   width: 22px;
 }
-
-.e-bigger .e-treegrid .e-rowcell.e-treerowcell {
-  padding-left: 7px;
-}
-
 .e-bigger .e-treegrid .e-hierarchycheckbox {
   padding-left: 2px;
 }
-
 .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 18px;
   width: 18px;
 }
-
+.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
+  height: 18px;
+  width: 18px;
+}
 .e-bigger .e-treegrid .e-treecell {
   line-height: 22px;
 }
-
 .e-treegrid .e-icons.e-none::before {
-  content: '';
+  content: "";
 }
-
 .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
   height: 20px;
   vertical-align: middle;
 }
-
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
   text-align: center;
   vertical-align: unset;
 }
-
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-
 .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
   display: inline;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-
 .e-treegrid .e-treegridexpand:hover::before,
 .e-treegrid .e-treegridcollapse:hover::before {
   color: #f3f4f6;
 }
-
-.e-treegrid .e-rowcell.e-treerowcell {
-  padding-left: 12px;
-}
-
 .e-treegrid .e-rtl .e-treegridcollapse {
   transform: scale(-1);
 }
-
 .e-treegrid .e-treegridexpand {
   transform: rotate(90deg);
 }
-
 .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
   display: table-row;
 }
-
 .e-treegrid .e-treerowcollapsed {
   display: none;
 }
-
 .e-treegrid .e-treecheckbox-container {
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-
 .e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
   white-space: nowrap;
 }
-
 .e-treegrid .e-treecheckbox {
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: middle;
 }
-
 .e-treegrid .e-treecolumn-container span {
   display: inline-block;
   vertical-align: middle;
 }
-
 .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 16px;
   width: 16px;
 }
-
 .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
 .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
 .e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
 .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
   line-height: 21px;
 }
-
 .e-treegrid .e-treegridexpand,
 .e-treegrid .e-treegridcollapse {
   color: #d1d5db;
@@ -309,36 +222,29 @@
   vertical-align: bottom;
   width: 16px;
 }
-
 .e-treegrid .e-treecell {
   display: table-cell;
   line-height: normal;
 }
-
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
   white-space: nowrap;
 }
-
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
   display: inline-block;
   white-space: normal;
   word-wrap: break-word;
 }
-
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
   white-space: nowrap;
 }
-
 .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
   display: inline-block;
   white-space: normal;
   word-wrap: break-word;
 }
-
 .e-treegrid.e-grid.e-print-grid-layout .e-icons {
   display: inline-block;
 }
-
 .e-treegrid .e-treecheckselect,
 .e-treegrid .e-treeselectall {
   margin: 0;
@@ -346,7 +252,6 @@
   position: absolute;
   width: 0;
 }
-
 .e-treegrid .e-detailheadercell,
 .e-treegrid .e-headercontent .e-table .e-detail-intent,
 .e-treegrid .e-gridcontent .e-table .e-detail-intent,
@@ -356,189 +261,163 @@
 .e-treegrid .e-filterbarcell.e-mastercell {
   display: none;
 }
-
 .e-treegrid .e-icons.e-errorelem {
   display: inline-block;
   padding-left: 10px;
   vertical-align: middle;
 }
-
 .e-treegrid .e-errorelem::before {
-  color: #4f46e5;
-  content: "";
+  color: #f87171;
+  content: "\e77e";
   transform: rotate(180deg);
 }
-
 .e-treegrid .e-gridcontent td.e-childborder {
-  border-color: #4f46e5;
+  border-color: #22d3ee;
   border-width: 2px 0 0;
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #22d3ee;
   position: relative;
   z-index: 1;
 }
-
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #22d3ee;
 }
-
 .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
 .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
   box-shadow: 0 0 0 0;
 }
-
 .e-treegrid .e-gridcontent td.e-childborder:first-child {
   border-left: 2px solid #4f46e5;
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #22d3ee;
   position: relative;
   z-index: 1;
 }
-
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
   border-right: 2px solid #4f46e5;
 }
-
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
   border-width: 2px 0;
 }
-
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
   border-right: 2px solid #4f46e5;
 }
-
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
   border-left: 2px solid #4f46e5;
 }
-
 .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
 .e-treegrid .e-gridcontent td.e-dropbottom {
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #22d3ee;
   position: relative;
   z-index: 1;
 }
-
 .e-treegrid .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #4f46e5;
+  border-top-color: #22d3ee;
   border-width: 2px 0 0;
 }
-
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #4f46e5;
+  border-bottom-color: #22d3ee;
 }
-
 .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
   box-shadow: 0 0 0 0;
 }
-
 .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
   height: 1px;
 }
-
 .e-treegrid .e-gridcontent .e-lastrow-dragborder {
   height: 0;
 }
-
 .e-treegrid .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }
-
 .e-treegrid .e-droptop .e-lastrow-dragborder {
   height: 0;
 }
-
 .e-treegrid .e-treegrid-relative {
   position: relative;
 }
-
 .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
   height: 0;
 }
-
 .e-treegrid .e-gridheader .e-firstrow-border,
 .e-treegrid .e-gridcontent .e-lastrow-border {
-  background-color: #4f46e5;
+  background-color: #22d3ee;
   bottom: 0;
   display: none;
   height: 1px;
   position: absolute;
   z-index: 1;
 }
-
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
   border-bottom: 2px solid #4f46e5;
   border-top: 2px solid #4f46e5;
-  box-shadow: 0 0 0 0 #4f46e5;
+  box-shadow: 0 0 0 0 #22d3ee;
 }
-
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
 .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
   border-top: 2px solid #4f46e5;
 }
-
-.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
   border-bottom: 2px solid #4f46e5;
-  box-shadow: 0 0 0 0 #4f46e5;
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #22d3ee;
 }
-
-.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder, .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
+.e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
   border-bottom: 2px solid #4f46e5;
-  box-shadow: 0 0 0 0 #4f46e5;
+  border-top: 2px solid #4f46e5;
+  box-shadow: 0 0 0 0 #22d3ee;
+}
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
+  border-bottom: 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-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
-  border-color: #4f46e5;
+  border-color: #22d3ee;
   border-width: 2px 0 2px 0;
   position: relative;
   z-index: 1;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
   box-shadow: 0 0 0 0;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
   border-right: 2px solid #4f46e5;
-  box-shadow: 0 1px 0 0 #4f46e5;
+  box-shadow: 0 1px 0 0 #22d3ee;
   position: relative;
   z-index: 1;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
   border-left: 2px solid #4f46e5;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
   border-width: 2px 0;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
   border-right: 2px solid #4f46e5;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
   border-left: 2px solid #4f46e5;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
-  border-top-color: #4f46e5;
+  border-top-color: #22d3ee;
   border-width: 2px 0 0;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
-  border-bottom-color: #4f46e5;
+  border-bottom-color: #22d3ee;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
   height: 0;
-}
+}