@syncfusion/blazor-themes 22.2.10 → 22.2.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/SCSS-Themes/base/material-dark.scss +1 -1
  2. package/SCSS-Themes/bootstrap-dark.scss +103 -11
  3. package/SCSS-Themes/bootstrap.scss +103 -11
  4. package/SCSS-Themes/bootstrap4.scss +103 -11
  5. package/SCSS-Themes/bootstrap5-dark.scss +103 -11
  6. package/SCSS-Themes/bootstrap5.scss +103 -11
  7. package/SCSS-Themes/fabric-dark.scss +103 -11
  8. package/SCSS-Themes/fabric.scss +103 -11
  9. package/SCSS-Themes/fluent-dark.scss +103 -11
  10. package/SCSS-Themes/fluent.scss +103 -11
  11. package/SCSS-Themes/grids/excel-filter/bootstrap-dark.scss +4 -0
  12. package/SCSS-Themes/grids/excel-filter/bootstrap.scss +4 -0
  13. package/SCSS-Themes/grids/excel-filter/bootstrap4.scss +4 -0
  14. package/SCSS-Themes/grids/excel-filter/bootstrap5-dark.scss +4 -0
  15. package/SCSS-Themes/grids/excel-filter/bootstrap5.scss +4 -0
  16. package/SCSS-Themes/grids/excel-filter/fabric-dark.scss +4 -0
  17. package/SCSS-Themes/grids/excel-filter/fabric.scss +4 -0
  18. package/SCSS-Themes/grids/excel-filter/fluent-dark.scss +4 -0
  19. package/SCSS-Themes/grids/excel-filter/fluent.scss +4 -0
  20. package/SCSS-Themes/grids/excel-filter/highcontrast.scss +4 -0
  21. package/SCSS-Themes/grids/excel-filter/material-dark.scss +4 -0
  22. package/SCSS-Themes/grids/excel-filter/material.scss +4 -0
  23. package/SCSS-Themes/grids/excel-filter/material3-dark.scss +4 -0
  24. package/SCSS-Themes/grids/excel-filter/material3.scss +4 -0
  25. package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss +4 -0
  26. package/SCSS-Themes/grids/excel-filter/tailwind.scss +4 -0
  27. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +10 -1
  28. package/SCSS-Themes/grids/grid/bootstrap.scss +10 -1
  29. package/SCSS-Themes/grids/grid/bootstrap4.scss +10 -1
  30. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +10 -1
  31. package/SCSS-Themes/grids/grid/bootstrap5.scss +10 -1
  32. package/SCSS-Themes/grids/grid/fabric-dark.scss +10 -1
  33. package/SCSS-Themes/grids/grid/fabric.scss +10 -1
  34. package/SCSS-Themes/grids/grid/fluent-dark.scss +10 -1
  35. package/SCSS-Themes/grids/grid/fluent.scss +10 -1
  36. package/SCSS-Themes/grids/grid/highcontrast.scss +10 -1
  37. package/SCSS-Themes/grids/grid/material-dark.scss +10 -1
  38. package/SCSS-Themes/grids/grid/material.scss +10 -1
  39. package/SCSS-Themes/grids/grid/material3-dark.scss +10 -1
  40. package/SCSS-Themes/grids/grid/material3.scss +10 -1
  41. package/SCSS-Themes/grids/grid/tailwind-dark.scss +10 -1
  42. package/SCSS-Themes/grids/grid/tailwind.scss +10 -1
  43. package/SCSS-Themes/highcontrast.scss +103 -11
  44. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +89 -10
  45. package/SCSS-Themes/inputs/input/bootstrap.scss +89 -10
  46. package/SCSS-Themes/inputs/input/bootstrap4.scss +89 -10
  47. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +89 -10
  48. package/SCSS-Themes/inputs/input/bootstrap5.scss +89 -10
  49. package/SCSS-Themes/inputs/input/fabric-dark.scss +89 -10
  50. package/SCSS-Themes/inputs/input/fabric.scss +89 -10
  51. package/SCSS-Themes/inputs/input/fluent-dark.scss +89 -10
  52. package/SCSS-Themes/inputs/input/fluent.scss +89 -10
  53. package/SCSS-Themes/inputs/input/highcontrast.scss +89 -10
  54. package/SCSS-Themes/inputs/input/material-dark.scss +91 -12
  55. package/SCSS-Themes/inputs/input/material.scss +91 -12
  56. package/SCSS-Themes/inputs/input/material3-dark.scss +91 -12
  57. package/SCSS-Themes/inputs/input/material3.scss +91 -12
  58. package/SCSS-Themes/inputs/input/tailwind-dark.scss +89 -10
  59. package/SCSS-Themes/inputs/input/tailwind.scss +89 -10
  60. package/SCSS-Themes/material-dark.scss +106 -14
  61. package/SCSS-Themes/material.scss +105 -13
  62. package/SCSS-Themes/material3-dark.scss +105 -13
  63. package/SCSS-Themes/material3.scss +105 -13
  64. package/SCSS-Themes/tailwind-dark.scss +103 -11
  65. package/SCSS-Themes/tailwind.scss +103 -11
  66. package/package.json +1 -1
@@ -317,6 +317,10 @@ $grid-xlfl-skin: 'fabric' !default;
317
317
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
318
318
  }
319
319
 
320
+ &.e-rtl .e-xlfl-optr {
321
+ padding-right: 0;
322
+ }
323
+
320
324
  .e-xlfl-dlgfields {
321
325
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
322
326
  }
@@ -323,6 +323,10 @@ $grid-xlfl-skin: 'fluent' !default;
323
323
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
324
324
  }
325
325
 
326
+ &.e-rtl .e-xlfl-optr {
327
+ padding-right: 0;
328
+ }
329
+
326
330
  .e-xlfl-dlgfields {
327
331
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
328
332
  }
@@ -323,6 +323,10 @@ $grid-xlfl-skin: 'fluent' !default;
323
323
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
324
324
  }
325
325
 
326
+ &.e-rtl .e-xlfl-optr {
327
+ padding-right: 0;
328
+ }
329
+
326
330
  .e-xlfl-dlgfields {
327
331
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
328
332
  }
@@ -312,6 +312,10 @@ $grid-xlfl-skin: 'highcontrast' !default;
312
312
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
313
313
  }
314
314
 
315
+ &.e-rtl .e-xlfl-optr {
316
+ padding-right: 0;
317
+ }
318
+
315
319
  .e-xlfl-dlgfields {
316
320
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
317
321
  }
@@ -314,6 +314,10 @@ $grid-xlfl-skin: 'material' !default;
314
314
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
315
315
  }
316
316
 
317
+ &.e-rtl .e-xlfl-optr {
318
+ padding-right: 0;
319
+ }
320
+
317
321
  .e-xlfl-dlgfields {
318
322
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
319
323
  }
@@ -315,6 +315,10 @@ $grid-xlfl-skin: 'material' !default;
315
315
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
316
316
  }
317
317
 
318
+ &.e-rtl .e-xlfl-optr {
319
+ padding-right: 0;
320
+ }
321
+
318
322
  .e-xlfl-dlgfields {
319
323
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
320
324
  }
@@ -323,6 +323,10 @@ $grid-xlfl-skin: 'material3' !default;
323
323
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
324
324
  }
325
325
 
326
+ &.e-rtl .e-xlfl-optr {
327
+ padding-right: 0;
328
+ }
329
+
326
330
  .e-xlfl-dlgfields {
327
331
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
328
332
  }
@@ -323,6 +323,10 @@ $grid-xlfl-skin: 'material3' !default;
323
323
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
324
324
  }
325
325
 
326
+ &.e-rtl .e-xlfl-optr {
327
+ padding-right: 0;
328
+ }
329
+
326
330
  .e-xlfl-dlgfields {
327
331
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
328
332
  }
@@ -322,6 +322,10 @@ $grid-xlfl-skin: 'tailwind' !default;
322
322
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
323
323
  }
324
324
 
325
+ &.e-rtl .e-xlfl-optr {
326
+ padding-right: 0;
327
+ }
328
+
325
329
  .e-xlfl-dlgfields {
326
330
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
327
331
  }
@@ -322,6 +322,10 @@ $grid-xlfl-skin: 'tailwind' !default;
322
322
  padding-right: $grid-bigger-xlfl-dropdown-padding-right;
323
323
  }
324
324
 
325
+ &.e-rtl .e-xlfl-optr {
326
+ padding-right: 0;
327
+ }
328
+
325
329
  .e-xlfl-dlgfields {
326
330
  font-size: $grid-bigger-xlfl-dlgfields-font-size;
327
331
  }
@@ -138,6 +138,7 @@ $grid-bigger-group-text-line-height: 32px !default;
138
138
  $grid-bigger-groupcaption-line-height: 32px !default;
139
139
  $grid-bigger-rtl-group-headercell-margin: 3px 8px 0 0 !default;
140
140
  $grid-bigger-rtl-group-headercell-padding: 9px 0 4px 0 !default;
141
+ $grid-bigger-device-rtl-group-headercell-padding: 9px 0 4px 0 !default;
141
142
  $grid-bigger-rtl-ungroup-icon-margin-right: -8px !default;
142
143
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
143
144
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1401,6 +1402,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1401
1402
  padding: $grid-bigger-rtl-group-headercell-padding;
1402
1403
  }
1403
1404
 
1405
+ &.e-rtl.e-device .e-groupheadercell {
1406
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1407
+ }
1408
+
1404
1409
  &.e-rtl span.e-ungroupbutton.e-icons {
1405
1410
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1406
1411
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5544,7 +5549,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5544
5549
  background-color: $grid-table-background-color;
5545
5550
  }
5546
5551
 
5547
- .e-focused:not(.e-menu-item) {
5552
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5548
5553
  box-shadow: $grid-cell-focus-shadow;
5549
5554
  }
5550
5555
 
@@ -6130,6 +6135,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6130
6135
  padding-top: 6px;
6131
6136
  padding-bottom: 6px;
6132
6137
  }
6138
+
6139
+ &.e-focused {
6140
+ box-shadow: none;
6141
+ }
6133
6142
  }
6134
6143
 
6135
6144
  .e-cloneproperties.e-draganddrop table,
@@ -145,6 +145,7 @@ $grid-bigger-group-text-line-height: 32px !default;
145
145
  $grid-bigger-groupcaption-line-height: 32px !default;
146
146
  $grid-bigger-rtl-group-headercell-margin: 3px 8px 0 0 !default;
147
147
  $grid-bigger-rtl-group-headercell-padding: 9px 0 4px 0 !default;
148
+ $grid-bigger-device-rtl-group-headercell-padding: 9px 0 4px 0 !default;
148
149
  $grid-bigger-rtl-ungroup-icon-margin-right: -8px !default;
149
150
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
150
151
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1403,6 +1404,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1403
1404
  padding: $grid-bigger-rtl-group-headercell-padding;
1404
1405
  }
1405
1406
 
1407
+ &.e-rtl.e-device .e-groupheadercell {
1408
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1409
+ }
1410
+
1406
1411
  &.e-rtl span.e-ungroupbutton.e-icons {
1407
1412
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1408
1413
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5546,7 +5551,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5546
5551
  background-color: $grid-table-background-color;
5547
5552
  }
5548
5553
 
5549
- .e-focused:not(.e-menu-item) {
5554
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5550
5555
  box-shadow: $grid-cell-focus-shadow;
5551
5556
  }
5552
5557
 
@@ -6132,6 +6137,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6132
6137
  padding-top: 6px;
6133
6138
  padding-bottom: 6px;
6134
6139
  }
6140
+
6141
+ &.e-focused {
6142
+ box-shadow: none;
6143
+ }
6135
6144
  }
6136
6145
 
6137
6146
  .e-cloneproperties.e-draganddrop table,
@@ -143,6 +143,7 @@ $grid-bigger-group-text-line-height: 3px !default;
143
143
  $grid-bigger-groupcaption-line-height: 32px !default;
144
144
  $grid-bigger-rtl-group-headercell-margin: 14px 9px 0 0 !default;
145
145
  $grid-bigger-rtl-group-headercell-padding: 6px 6px 4px 9px !default;
146
+ $grid-bigger-device-rtl-group-headercell-padding: 0 10px !default;
146
147
  $grid-bigger-rtl-ungroup-icon-margin-right: -15px !default;
147
148
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
148
149
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1408,6 +1409,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1408
1409
  padding: $grid-bigger-rtl-group-headercell-padding;
1409
1410
  }
1410
1411
 
1412
+ &.e-rtl.e-device .e-groupheadercell {
1413
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1414
+ }
1415
+
1411
1416
  &.e-rtl span.e-ungroupbutton.e-icons {
1412
1417
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1413
1418
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5551,7 +5556,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5551
5556
  background-color: $grid-table-background-color;
5552
5557
  }
5553
5558
 
5554
- .e-focused:not(.e-menu-item) {
5559
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5555
5560
  box-shadow: $grid-cell-focus-shadow;
5556
5561
  }
5557
5562
 
@@ -6137,6 +6142,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6137
6142
  padding-top: 6px;
6138
6143
  padding-bottom: 6px;
6139
6144
  }
6145
+
6146
+ &.e-focused {
6147
+ box-shadow: none;
6148
+ }
6140
6149
  }
6141
6150
 
6142
6151
  .e-cloneproperties.e-draganddrop table,
@@ -138,6 +138,7 @@ $grid-bigger-group-text-line-height: 24px !default;
138
138
  $grid-bigger-groupcaption-line-height: 20px !default;
139
139
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
140
140
  $grid-bigger-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
141
+ $grid-bigger-device-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
141
142
  $grid-bigger-rtl-ungroup-icon-margin-right: -10px !default;
142
143
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
143
144
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1401,6 +1402,10 @@ $grid-dropitems-count-margin-left: -4px !default;
1401
1402
  padding: $grid-bigger-rtl-group-headercell-padding;
1402
1403
  }
1403
1404
 
1405
+ &.e-rtl.e-device .e-groupheadercell {
1406
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1407
+ }
1408
+
1404
1409
  &.e-rtl span.e-ungroupbutton.e-icons {
1405
1410
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1406
1411
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5544,7 +5549,7 @@ $grid-dropitems-count-margin-left: -4px !default;
5544
5549
  background-color: $grid-table-background-color;
5545
5550
  }
5546
5551
 
5547
- .e-focused:not(.e-menu-item) {
5552
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5548
5553
  box-shadow: $grid-cell-focus-shadow;
5549
5554
  }
5550
5555
 
@@ -6130,6 +6135,10 @@ $grid-dropitems-count-margin-left: -4px !default;
6130
6135
  padding-top: 6px;
6131
6136
  padding-bottom: 6px;
6132
6137
  }
6138
+
6139
+ &.e-focused {
6140
+ box-shadow: none;
6141
+ }
6133
6142
  }
6134
6143
 
6135
6144
  .e-cloneproperties.e-draganddrop table,
@@ -138,6 +138,7 @@ $grid-bigger-group-text-line-height: 24px !default;
138
138
  $grid-bigger-groupcaption-line-height: 20px !default;
139
139
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
140
140
  $grid-bigger-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
141
+ $grid-bigger-device-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
141
142
  $grid-bigger-rtl-ungroup-icon-margin-right: -10px !default;
142
143
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
143
144
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1401,6 +1402,10 @@ $grid-dropitems-count-margin-left: -4px !default;
1401
1402
  padding: $grid-bigger-rtl-group-headercell-padding;
1402
1403
  }
1403
1404
 
1405
+ &.e-rtl.e-device .e-groupheadercell {
1406
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1407
+ }
1408
+
1404
1409
  &.e-rtl span.e-ungroupbutton.e-icons {
1405
1410
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1406
1411
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5544,7 +5549,7 @@ $grid-dropitems-count-margin-left: -4px !default;
5544
5549
  background-color: $grid-table-background-color;
5545
5550
  }
5546
5551
 
5547
- .e-focused:not(.e-menu-item) {
5552
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5548
5553
  box-shadow: $grid-cell-focus-shadow;
5549
5554
  }
5550
5555
 
@@ -6130,6 +6135,10 @@ $grid-dropitems-count-margin-left: -4px !default;
6130
6135
  padding-top: 6px;
6131
6136
  padding-bottom: 6px;
6132
6137
  }
6138
+
6139
+ &.e-focused {
6140
+ box-shadow: none;
6141
+ }
6133
6142
  }
6134
6143
 
6135
6144
  .e-cloneproperties.e-draganddrop table,
@@ -353,6 +353,7 @@ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
353
353
  $grid-bigger-grouparea-font-size: 21px !default;
354
354
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
355
355
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
356
+ $grid-bigger-device-rtl-group-headercell-padding: 0 10px !default;
356
357
  $grid-bigger-rtl-ungroup-icon-margin-right: 8px !default;
357
358
  $group-bigger-sorticon-margin-right: round($group-sorticon-margin-right*1.25) !default;
358
359
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
@@ -1398,6 +1399,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1398
1399
  padding: $grid-bigger-rtl-group-headercell-padding;
1399
1400
  }
1400
1401
 
1402
+ &.e-rtl.e-device .e-groupheadercell {
1403
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1404
+ }
1405
+
1401
1406
  &.e-rtl span.e-ungroupbutton.e-icons {
1402
1407
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1403
1408
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5541,7 +5546,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5541
5546
  background-color: $grid-table-background-color;
5542
5547
  }
5543
5548
 
5544
- .e-focused:not(.e-menu-item) {
5549
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5545
5550
  box-shadow: $grid-cell-focus-shadow;
5546
5551
  }
5547
5552
 
@@ -6127,6 +6132,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6127
6132
  padding-top: 6px;
6128
6133
  padding-bottom: 6px;
6129
6134
  }
6135
+
6136
+ &.e-focused {
6137
+ box-shadow: none;
6138
+ }
6130
6139
  }
6131
6140
 
6132
6141
  .e-cloneproperties.e-draganddrop table,
@@ -356,6 +356,7 @@ $grid-device-ungroupbutton-icon-margin-top: 0 !default;
356
356
  $grid-bigger-grouparea-font-size: 21px !default;
357
357
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
358
358
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
359
+ $grid-bigger-device-rtl-group-headercell-padding: 0 10px !default;
359
360
  $grid-bigger-rtl-ungroup-icon-margin-right: 8px !default;
360
361
  $group-bigger-sorticon-margin-right: round($group-sorticon-margin-right*1.25) !default;
361
362
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
@@ -1398,6 +1399,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1398
1399
  padding: $grid-bigger-rtl-group-headercell-padding;
1399
1400
  }
1400
1401
 
1402
+ &.e-rtl.e-device .e-groupheadercell {
1403
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1404
+ }
1405
+
1401
1406
  &.e-rtl span.e-ungroupbutton.e-icons {
1402
1407
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1403
1408
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5541,7 +5546,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5541
5546
  background-color: $grid-table-background-color;
5542
5547
  }
5543
5548
 
5544
- .e-focused:not(.e-menu-item) {
5549
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5545
5550
  box-shadow: $grid-cell-focus-shadow;
5546
5551
  }
5547
5552
 
@@ -6127,6 +6132,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6127
6132
  padding-top: 6px;
6128
6133
  padding-bottom: 6px;
6129
6134
  }
6135
+
6136
+ &.e-focused {
6137
+ box-shadow: none;
6138
+ }
6130
6139
  }
6131
6140
 
6132
6141
  .e-cloneproperties.e-draganddrop table,
@@ -194,6 +194,7 @@ $grid-bigger-group-text-line-height: .2em !default;
194
194
  $grid-bigger-groupcaption-line-height: 16px !default;
195
195
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
196
196
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
197
+ $grid-bigger-device-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
197
198
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
198
199
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
199
200
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1393,6 +1394,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1393
1394
  padding: $grid-bigger-rtl-group-headercell-padding;
1394
1395
  }
1395
1396
 
1397
+ &.e-rtl.e-device .e-groupheadercell {
1398
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1399
+ }
1400
+
1396
1401
  &.e-rtl span.e-ungroupbutton.e-icons {
1397
1402
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1398
1403
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5536,7 +5541,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5536
5541
  background-color: $grid-table-background-color;
5537
5542
  }
5538
5543
 
5539
- .e-focused:not(.e-menu-item) {
5544
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5540
5545
  box-shadow: $grid-cell-focus-shadow;
5541
5546
  }
5542
5547
 
@@ -6122,6 +6127,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6122
6127
  padding-top: 6px;
6123
6128
  padding-bottom: 6px;
6124
6129
  }
6130
+
6131
+ &.e-focused {
6132
+ box-shadow: none;
6133
+ }
6125
6134
  }
6126
6135
 
6127
6136
  .e-cloneproperties.e-draganddrop table,
@@ -194,6 +194,7 @@ $grid-bigger-group-text-line-height: .2em !default;
194
194
  $grid-bigger-groupcaption-line-height: 16px !default;
195
195
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
196
196
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
197
+ $grid-bigger-device-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
197
198
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
198
199
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
199
200
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1393,6 +1394,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1393
1394
  padding: $grid-bigger-rtl-group-headercell-padding;
1394
1395
  }
1395
1396
 
1397
+ &.e-rtl.e-device .e-groupheadercell {
1398
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1399
+ }
1400
+
1396
1401
  &.e-rtl span.e-ungroupbutton.e-icons {
1397
1402
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1398
1403
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5536,7 +5541,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5536
5541
  background-color: $grid-table-background-color;
5537
5542
  }
5538
5543
 
5539
- .e-focused:not(.e-menu-item) {
5544
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5540
5545
  box-shadow: $grid-cell-focus-shadow;
5541
5546
  }
5542
5547
 
@@ -6122,6 +6127,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6122
6127
  padding-top: 6px;
6123
6128
  padding-bottom: 6px;
6124
6129
  }
6130
+
6131
+ &.e-focused {
6132
+ box-shadow: none;
6133
+ }
6125
6134
  }
6126
6135
 
6127
6136
  .e-cloneproperties.e-draganddrop table,
@@ -345,6 +345,7 @@ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
345
345
  $grid-bigger-grouparea-font-size: 21px !default;
346
346
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
347
347
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
348
+ $grid-bigger-device-rtl-group-headercell-padding: 0 10px !default;
348
349
  $grid-bigger-rtl-ungroup-icon-margin-right: 8px !default;
349
350
  $group-bigger-sorticon-margin-right: round($group-sorticon-margin-right*1.25) !default;
350
351
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
@@ -1398,6 +1399,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1398
1399
  padding: $grid-bigger-rtl-group-headercell-padding;
1399
1400
  }
1400
1401
 
1402
+ &.e-rtl.e-device .e-groupheadercell {
1403
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1404
+ }
1405
+
1401
1406
  &.e-rtl span.e-ungroupbutton.e-icons {
1402
1407
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1403
1408
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5541,7 +5546,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5541
5546
  background-color: $grid-table-background-color;
5542
5547
  }
5543
5548
 
5544
- .e-focused:not(.e-menu-item) {
5549
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5545
5550
  box-shadow: $grid-cell-focus-shadow;
5546
5551
  }
5547
5552
 
@@ -6127,6 +6132,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6127
6132
  padding-top: 6px;
6128
6133
  padding-bottom: 6px;
6129
6134
  }
6135
+
6136
+ &.e-focused {
6137
+ box-shadow: none;
6138
+ }
6130
6139
  }
6131
6140
 
6132
6141
  .e-cloneproperties.e-draganddrop table,
@@ -366,6 +366,7 @@ $grid-fltr-sortnumber-margin: 7px -3px 0 2px !default;
366
366
  $grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 5px !default;
367
367
  $grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
368
368
  $grid-bigger-rtl-group-headercell-padding: 0 12px 0 8px !default;
369
+ $grid-bigger-device-rtl-group-headercell-padding: 0 12px 0 8px !default;
369
370
  $group-caption-font-color: $grey-dark-font !default;
370
371
  $grid-rtl-group-headercell-margin-left: 10px !default;
371
372
  $grid-rtl-group-headercell-margin-right: 18px !default;
@@ -1399,6 +1400,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1399
1400
  padding: $grid-bigger-rtl-group-headercell-padding;
1400
1401
  }
1401
1402
 
1403
+ &.e-rtl.e-device .e-groupheadercell {
1404
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1405
+ }
1406
+
1402
1407
  &.e-rtl span.e-ungroupbutton.e-icons {
1403
1408
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1404
1409
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5542,7 +5547,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5542
5547
  background-color: $grid-table-background-color;
5543
5548
  }
5544
5549
 
5545
- .e-focused:not(.e-menu-item) {
5550
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5546
5551
  box-shadow: $grid-cell-focus-shadow;
5547
5552
  }
5548
5553
 
@@ -6128,6 +6133,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6128
6133
  padding-top: 6px;
6129
6134
  padding-bottom: 6px;
6130
6135
  }
6136
+
6137
+ &.e-focused {
6138
+ box-shadow: none;
6139
+ }
6131
6140
  }
6132
6141
 
6133
6142
  .e-cloneproperties.e-draganddrop table,
@@ -369,6 +369,7 @@ $grid-fltr-sortnumber-margin: 7px 5px 0 2px !default;
369
369
  $grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 5px !default;
370
370
  $grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
371
371
  $grid-bigger-rtl-group-headercell-padding: 0 12px 0 8px !default;
372
+ $grid-bigger-device-rtl-group-headercell-padding: 0 12px 0 8px !default;
372
373
  $group-caption-font-color: $grey-light-font !default;
373
374
  $grid-rtl-group-headercell-margin-left: 10px !default;
374
375
  $grid-rtl-group-headercell-margin-right: 18px !default;
@@ -1397,6 +1398,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1397
1398
  padding: $grid-bigger-rtl-group-headercell-padding;
1398
1399
  }
1399
1400
 
1401
+ &.e-rtl.e-device .e-groupheadercell {
1402
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1403
+ }
1404
+
1400
1405
  &.e-rtl span.e-ungroupbutton.e-icons {
1401
1406
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1402
1407
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5540,7 +5545,7 @@ $grid-dropitems-count-margin-left: -8px !default;
5540
5545
  background-color: $grid-table-background-color;
5541
5546
  }
5542
5547
 
5543
- .e-focused:not(.e-menu-item) {
5548
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5544
5549
  box-shadow: $grid-cell-focus-shadow;
5545
5550
  }
5546
5551
 
@@ -6126,6 +6131,10 @@ $grid-dropitems-count-margin-left: -8px !default;
6126
6131
  padding-top: 6px;
6127
6132
  padding-bottom: 6px;
6128
6133
  }
6134
+
6135
+ &.e-focused {
6136
+ box-shadow: none;
6137
+ }
6129
6138
  }
6130
6139
 
6131
6140
  .e-cloneproperties.e-draganddrop table,
@@ -139,6 +139,7 @@ $grid-bigger-group-text-line-height: 20px !default;
139
139
  $grid-bigger-groupcaption-line-height: 20px !default;
140
140
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
141
141
  $grid-bigger-rtl-group-headercell-padding: 0 0 0 8px !default;
142
+ $grid-bigger-device-rtl-group-headercell-padding: 0 0 0 8px !default;
142
143
  $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
143
144
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
144
145
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1408,6 +1409,10 @@ $grid-dropitems-count-margin-left: -9px !default;
1408
1409
  padding: $grid-bigger-rtl-group-headercell-padding;
1409
1410
  }
1410
1411
 
1412
+ &.e-rtl.e-device .e-groupheadercell {
1413
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1414
+ }
1415
+
1411
1416
  &.e-rtl span.e-ungroupbutton.e-icons {
1412
1417
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1413
1418
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5551,7 +5556,7 @@ $grid-dropitems-count-margin-left: -9px !default;
5551
5556
  background-color: $grid-table-background-color;
5552
5557
  }
5553
5558
 
5554
- .e-focused:not(.e-menu-item) {
5559
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5555
5560
  box-shadow: $grid-cell-focus-shadow;
5556
5561
  }
5557
5562
 
@@ -6137,6 +6142,10 @@ $grid-dropitems-count-margin-left: -9px !default;
6137
6142
  padding-top: 6px;
6138
6143
  padding-bottom: 6px;
6139
6144
  }
6145
+
6146
+ &.e-focused {
6147
+ box-shadow: none;
6148
+ }
6140
6149
  }
6141
6150
 
6142
6151
  .e-cloneproperties.e-draganddrop table,
@@ -139,6 +139,7 @@ $grid-bigger-group-text-line-height: 20px !default;
139
139
  $grid-bigger-groupcaption-line-height: 20px !default;
140
140
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
141
141
  $grid-bigger-rtl-group-headercell-padding: 0 0 0 8px !default;
142
+ $grid-bigger-device-rtl-group-headercell-padding: 0 0 0 8px !default;
142
143
  $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
143
144
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
144
145
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1408,6 +1409,10 @@ $grid-dropitems-count-margin-left: -9px !default;
1408
1409
  padding: $grid-bigger-rtl-group-headercell-padding;
1409
1410
  }
1410
1411
 
1412
+ &.e-rtl.e-device .e-groupheadercell {
1413
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1414
+ }
1415
+
1411
1416
  &.e-rtl span.e-ungroupbutton.e-icons {
1412
1417
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1413
1418
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
@@ -5551,7 +5556,7 @@ $grid-dropitems-count-margin-left: -9px !default;
5551
5556
  background-color: $grid-table-background-color;
5552
5557
  }
5553
5558
 
5554
- .e-focused:not(.e-menu-item) {
5559
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
5555
5560
  box-shadow: $grid-cell-focus-shadow;
5556
5561
  }
5557
5562
 
@@ -6137,6 +6142,10 @@ $grid-dropitems-count-margin-left: -9px !default;
6137
6142
  padding-top: 6px;
6138
6143
  padding-bottom: 6px;
6139
6144
  }
6145
+
6146
+ &.e-focused {
6147
+ box-shadow: none;
6148
+ }
6140
6149
  }
6141
6150
 
6142
6151
  .e-cloneproperties.e-draganddrop table,