@syncfusion/ej2-vue-treegrid 20.1.48 → 20.1.55

package/styles/treegrid/material-dark.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 @keyframes e-input-ripple {
   100% {
@@ -6,7 +5,6 @@
     transform: scale(4);
   }
 }
-
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;
@@ -121,7 +119,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -130,7 +127,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes tbar-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
@@ -140,26 +136,21 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-
 .e-treegrid .e-treegridexpand::before,
 .e-treegrid .e-treegridcollapse::before {
-  content: '\e848';
+  content: "\e848";
 }
-
 .e-treegrid .e-toolbar-item .e-expand::before {
-  content: '\e556';
+  content: "\e556";
 }
-
 .e-treegrid .e-toolbar-item .e-collapse::before {
-  content: '\e554';
+  content: "\e554";
 }
-
 .e-treegrid .e-toolbar-item .e-indent::before {
-  content: '\e33f';
+  content: "\e33f";
 }
-
 .e-treegrid .e-toolbar-item .e-outdent::before {
-  content: '\e35d';
+  content: "\e35d";
 }
 
 .e-bigger .e-treegrid .e-treegridexpand,
@@ -168,109 +159,85 @@
   height: 18px;
   width: 18px;
 }
-
-.e-bigger .e-treegrid .e-rowcell.e-treerowcell {
-  padding-left: 25px;
-}
-
 .e-bigger .e-treegrid .e-hierarchycheckbox {
   padding-left: 2px;
 }
-
 .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
   height: 20px;
   width: 20px;
 }
-
+.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
+  height: 20px;
+  width: 20px;
+}
 .e-bigger .e-treegrid .e-treecell {
   line-height: 18px;
 }
-
 .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: middle;
 }
-
 .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: #fff;
 }
-
-.e-treegrid .e-rowcell.e-treerowcell {
-  padding-left: 18px;
-}
-
 .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: 18px;
   width: 18px;
 }
-
 .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: #fff;
@@ -282,36 +249,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;
@@ -319,7 +279,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,
@@ -329,19 +288,16 @@
 .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: #e3165b;
-  content: "";
+  content: "\e22a";
   transform: rotate(180deg);
 }
-
 .e-treegrid .e-gridcontent td.e-childborder {
   border-color: #00b0ff;
   border-width: 1px 0 0;
@@ -349,41 +305,33 @@
   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 #00b0ff;
 }
-
 .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: 1px solid #00b0ff;
   box-shadow: 0 1px 0 0 #00b0ff;
   position: relative;
   z-index: 1;
 }
-
 .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child {
   border-right: 1px solid #00b0ff;
 }
-
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
   border-width: 1px 0;
 }
-
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
   border-right: 1px solid #00b0ff;
 }
-
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
   border-left: 1px solid #00b0ff;
 }
-
 .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 {
@@ -391,45 +339,35 @@
   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: #00b0ff;
   border-width: 1px 0 0;
 }
-
 .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
   border-bottom-color: #00b0ff;
 }
-
 .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: #00b0ff;
@@ -439,79 +377,74 @@
   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: 1px solid #00b0ff;
   border-top: 1px solid #00b0ff;
   box-shadow: 0 0 0 0 #00b0ff;
 }
-
 .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: 1px solid #00b0ff;
 }
-
-.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: 1px solid #00b0ff;
+  border-top: 1px solid #00b0ff;
   box-shadow: 0 0 0 0 #00b0ff;
 }
-
-.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: 1px solid #00b0ff;
+  border-top: 1px solid #00b0ff;
+  box-shadow: 0 0 0 0 #00b0ff;
+}
+.e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
+  border-bottom: 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-rtl .e-gridheader .e-firstrow-dragborder {
   height: 0;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
   border-color: #00b0ff;
   border-width: 1px 0 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: 1px solid #00b0ff;
   box-shadow: 0 1px 0 0 #00b0ff;
   position: relative;
   z-index: 1;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child {
   border-left: 1px solid #00b0ff;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
   border-width: 1px 0;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
   border-right: 1px solid #00b0ff;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
   border-left: 1px solid #00b0ff;
 }
-
 .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: #00b0ff;
   border-width: 1px 0 0;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
   border-bottom-color: #00b0ff;
 }
-
 .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
   height: 0;
-}
+}