@syncfusion/ej2-angular-grids 22.2.11 → 22.2.12

package/styles/highcontrast-light.css

@@ -260,6 +260,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }
@@ -1296,6 +1299,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4200,7 +4207,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #fff;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #757575 inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4564,6 +4571,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #000;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/highcontrast.css

@@ -260,6 +260,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }
@@ -1296,6 +1299,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 10px 0 0;
   padding: 0 10px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4200,7 +4207,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #000;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #969696 inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4564,6 +4571,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #000;

package/styles/material-dark.css

@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes e-input-ripple {
   100% {
@@ -295,6 +295,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 18px;
 }
@@ -1346,6 +1349,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 3px 24px 0 0;
   padding: 0 12px 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 12px 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4250,7 +4257,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #303030;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4614,6 +4621,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #424242;

package/styles/material.css

@@ -328,6 +328,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 16px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 18px;
 }
@@ -1388,6 +1391,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 3px 24px 0 0;
   padding: 0 12px 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 12px 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
@@ -4292,7 +4299,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #fff;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #9e9e9e inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4656,6 +4663,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #000;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #fff;

package/styles/material3-dark.css

@@ -424,6 +424,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 10px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }
@@ -1544,6 +1547,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 8px 0 0;
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 0 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4571,7 +4578,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: rgba(var(--color-sf-surface));
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4948,6 +4955,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-top: 6px;
   padding-bottom: 6px;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));

package/styles/material3.css

@@ -480,6 +480,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 10px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }
@@ -1600,6 +1603,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 8px 0 0;
   padding: 0 0 0 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 0 0 8px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4627,7 +4634,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: rgba(var(--color-sf-surface));
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -5004,6 +5011,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-top: 6px;
   padding-bottom: 6px;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));

package/styles/tailwind-dark.css

@@ -281,6 +281,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 15px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }
@@ -1379,6 +1382,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 5px 0 0 6px;
   padding: 6px 8px 6px 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4329,7 +4336,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #1f2937;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #22d3ee inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4693,6 +4700,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #fff;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #4b5563;

package/styles/tailwind.css

@@ -281,6 +281,9 @@
 .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
   padding-right: 15px;
 }
+.e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
+  padding-right: 0;
+}
 .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
   font-size: 16px;
 }
@@ -1379,6 +1382,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 5px 0 0 6px;
   padding: 6px 8px 6px 8px;
 }
+.e-bigger .e-grid.e-rtl.e-device .e-groupheadercell,
+.e-grid.e-bigger.e-rtl.e-device .e-groupheadercell {
+  padding: 0 10px;
+}
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: -8px;
@@ -4329,7 +4336,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-table {
   background-color: #fff;
 }
-.e-grid .e-focused:not(.e-menu-item) {
+.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: 0 0 0 1px #4f46e5 inset;
 }
 .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check):not(.e-stop):not(.e-icon-reorderuparrow):not(.e-icon-reorderdownarrow) {
@@ -4693,6 +4700,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-cloneproperties.e-draganddrop .e-rowcell {
   color: #111827;
 }
+.e-grid .e-cloneproperties.e-draganddrop .e-rowcell.e-focused {
+  box-shadow: none;
+}
 .e-grid .e-cloneproperties.e-draganddrop table,
 .e-grid .e-cloneproperties.e-draganddrop table .e-selectionbackground {
   background-color: #e5e7eb;