@syncfusion/ej2-vue-filemanager 20.4.54 → 21.1.36

package/styles/file-manager/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-filemanager/styles/file-manager/material3.scss';

package/styles/file-manager/tailwind-dark.css

@@ -357,6 +357,7 @@ ejs-filemanager {
   margin: 5px;
   margin-right: 4px;
   padding: 3px;
+  padding: 5px;
   position: absolute;
   z-index: 1;
 }
@@ -455,9 +456,6 @@ ejs-filemanager {
   border: 0;
   font-size: 12px;
 }
-.e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
-  font-size: 14px;
-}
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   border-bottom: 1px dashed #22d3ee;
   border-left: 1px dashed #22d3ee;
@@ -508,6 +506,7 @@ ejs-filemanager {
   overflow: inherit;
   padding-left: 12px;
   padding-right: 0;
+  box-shadow: none;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon .e-headercelldiv,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon .e-headercelldiv {
@@ -1076,7 +1075,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
-  z-index: 1000;
+  z-index: 999;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1174,7 +1173,7 @@ ejs-filemanager {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 15px;
+  font-size: 16px;
   max-width: 205px;
   min-width: 45px;
   padding: 8px 30px 8px 0;
@@ -1361,6 +1360,10 @@ ejs-filemanager {
   padding: 6px;
   text-align: center;
 }
+.e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
+  margin-right: -10px;
+}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1533,7 +1536,7 @@ ejs-filemanager {
   background-color: #6b7280;
   color: #fff;
 }
-.e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {

package/styles/file-manager/tailwind.css

@@ -357,6 +357,7 @@ ejs-filemanager {
   margin: 5px;
   margin-right: 4px;
   padding: 3px;
+  padding: 5px;
   position: absolute;
   z-index: 1;
 }
@@ -455,9 +456,6 @@ ejs-filemanager {
   border: 0;
   font-size: 12px;
 }
-.e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
-  font-size: 14px;
-}
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   border-bottom: 1px dashed #4f46e5;
   border-left: 1px dashed #4f46e5;
@@ -508,6 +506,7 @@ ejs-filemanager {
   overflow: inherit;
   padding-left: 12px;
   padding-right: 0;
+  box-shadow: none;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon .e-headercelldiv,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon .e-headercelldiv {
@@ -1076,7 +1075,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
-  z-index: 1000;
+  z-index: 999;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1174,7 +1173,7 @@ ejs-filemanager {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 15px;
+  font-size: 16px;
   max-width: 205px;
   min-width: 45px;
   padding: 8px 30px 8px 0;
@@ -1361,6 +1360,10 @@ ejs-filemanager {
   padding: 6px;
   text-align: center;
 }
+.e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
+  margin-right: -10px;
+}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1533,7 +1536,7 @@ ejs-filemanager {
   background-color: #e5e7eb;
   color: #111827;
 }
-.e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {

package/styles/fluent-dark.css

@@ -457,9 +457,6 @@ ejs-filemanager {
   font-size: 14px;
   padding: 8px;
 }
-.e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
-  font-size: 14px;
-}
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #0078d4 inset;
 }
@@ -502,6 +499,7 @@ ejs-filemanager {
   overflow: inherit;
   padding-left: 5px;
   padding-right: 0;
+  box-shadow: none;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1058,7 +1056,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
-  z-index: 1000;
+  z-index: 999;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1151,7 +1149,7 @@ ejs-filemanager {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 15px;
+  font-size: 16px;
   max-width: 205px;
   min-width: 45px;
   padding: 8px 30px 8px 0;
@@ -1318,6 +1316,10 @@ ejs-filemanager {
   padding: 6px;
   text-align: center;
 }
+.e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
+  margin-right: -16px;
+}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1493,7 +1495,7 @@ ejs-filemanager {
   background-color: #292827;
   color: #fff;
 }
-.e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {

package/styles/fluent.css

@@ -457,9 +457,6 @@ ejs-filemanager {
   font-size: 14px;
   padding: 8px;
 }
-.e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
-  font-size: 14px;
-}
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #0078d4 inset;
 }
@@ -502,6 +499,7 @@ ejs-filemanager {
   overflow: inherit;
   padding-left: 5px;
   padding-right: 0;
+  box-shadow: none;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1058,7 +1056,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
-  z-index: 1000;
+  z-index: 999;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1151,7 +1149,7 @@ ejs-filemanager {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 15px;
+  font-size: 16px;
   max-width: 205px;
   min-width: 45px;
   padding: 8px 30px 8px 0;
@@ -1318,6 +1316,10 @@ ejs-filemanager {
   padding: 6px;
   text-align: center;
 }
+.e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
+  margin-right: -16px;
+}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1492,7 +1494,7 @@ ejs-filemanager {
   background-color: #edebe9;
   color: #323130;
 }
-.e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {

package/styles/highcontrast-light.css

@@ -444,9 +444,6 @@ ejs-filemanager {
   border: 0;
   font-size: 12px;
 }
-.e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
-  font-size: 13px;
-}
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #ffd939 inset;
 }
@@ -489,6 +486,7 @@ ejs-filemanager {
   overflow: inherit;
   padding-left: 10px;
   padding-right: 0;
+  box-shadow: none;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1051,7 +1049,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
-  z-index: 1000;
+  z-index: 999;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1306,6 +1304,10 @@ ejs-filemanager {
   padding: 4px;
   text-align: center;
 }
+.e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
+  margin-right: -10px;
+}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1477,7 +1479,7 @@ ejs-filemanager {
   background-color: #e0e0e0;
   color: #fff;
 }
-.e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {

package/styles/highcontrast.css

@@ -441,9 +441,6 @@ ejs-filemanager {
   border: 0;
   font-size: 12px;
 }
-.e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
-  font-size: 13px;
-}
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #ffd939 inset;
 }
@@ -486,6 +483,7 @@ ejs-filemanager {
   overflow: inherit;
   padding-left: 10px;
   padding-right: 0;
+  box-shadow: none;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1048,7 +1046,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
-  z-index: 1000;
+  z-index: 999;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1303,6 +1301,10 @@ ejs-filemanager {
   padding: 4px;
   text-align: center;
 }
+.e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
+  margin-right: -10px;
+}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1497,7 +1499,7 @@ ejs-filemanager {
   background-color: #000;
   color: #ffd939;
 }
-.e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {

package/styles/material-dark.css

@@ -352,7 +352,6 @@ ejs-filemanager {
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-input {
   margin: 0 0 0 24px;
   padding: 0;
-  height: 30px;
 }
 .e-filemanager .e-address .e-search-wrap .e-input-group .e-clear-icon {
   margin: 8px 8px 0 8px;
@@ -464,9 +463,6 @@ ejs-filemanager {
   border: 0;
   font-size: 12px;
 }
-.e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
-  font-size: 13px;
-}
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #00b0ff inset;
 }
@@ -509,6 +505,7 @@ ejs-filemanager {
   overflow: inherit;
   padding-left: 12px;
   padding-right: 0;
+  box-shadow: none;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1072,7 +1069,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
-  z-index: 1000;
+  z-index: 999;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1332,6 +1329,10 @@ ejs-filemanager {
   padding: 4px;
   text-align: center;
 }
+.e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
+  margin-right: -10px;
+}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1514,11 +1515,11 @@ ejs-filemanager {
 .e-filemanager .e-grid tr:hover td.e-active {
   background-color: rgba(255, 255, 255, 0.22);
 }
-.e-filemanager .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-filemanager .e-grid.e-gridhover .e-row:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: rgba(255, 255, 255, 0.1);
   color: rgba(255, 255, 255, 0.7);
 }
-.e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {

package/styles/material.css

@@ -471,9 +471,6 @@ ejs-filemanager {
   border: 0;
   font-size: 12px;
 }
-.e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
-  font-size: 13px;
-}
 .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
   box-shadow: 1px 0 0 1px #e3165b inset;
 }
@@ -516,6 +513,7 @@ ejs-filemanager {
   overflow: inherit;
   padding-left: 12px;
   padding-right: 0;
+  box-shadow: none;
 }
 .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
 .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1078,7 +1076,7 @@ ejs-filemanager {
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
 .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
-  z-index: 1000;
+  z-index: 999;
 }
 .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
 .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1337,6 +1335,10 @@ ejs-filemanager {
   padding: 4px;
   text-align: center;
 }
+.e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
+.e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
+  margin-right: -10px;
+}
 .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1508,7 +1510,7 @@ ejs-filemanager {
   background-color: #e0e0e0;
   color: rgba(0, 0, 0, 0.87);
 }
-.e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
+.e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: transparent;
 }
 .e-filemanager .e-large-icons .e-list-img {