@syncfusion/ej2-angular-grids 21.2.10 → 22.1.34

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 (120) hide show
  1. package/README.md +54 -121
  2. package/esm2020/src/grid/aggregate-columns.directive.mjs +1 -1
  3. package/esm2020/src/grid/grid.component.mjs +3 -3
  4. package/esm2020/src/pager/pager.component.mjs +4 -4
  5. package/fesm2015/syncfusion-ej2-angular-grids.mjs +5 -5
  6. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  7. package/fesm2020/syncfusion-ej2-angular-grids.mjs +5 -5
  8. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  9. package/license +10 -0
  10. package/package.json +19 -8
  11. package/schematics/utils/lib-details.ts +2 -2
  12. package/src/grid/aggregate-columns.directive.d.ts +1 -0
  13. package/src/grid/grid.component.d.ts +1 -3
  14. package/src/pager/pager.component.d.ts +1 -5
  15. package/styles/bootstrap-dark.css +55 -26
  16. package/styles/bootstrap.css +56 -27
  17. package/styles/bootstrap4.css +51 -22
  18. package/styles/bootstrap5-dark.css +64 -37
  19. package/styles/bootstrap5.css +64 -37
  20. package/styles/excel-filter/_bootstrap-dark-definition.scss +1 -0
  21. package/styles/excel-filter/_bootstrap-definition.scss +1 -0
  22. package/styles/excel-filter/_bootstrap4-definition.scss +1 -0
  23. package/styles/excel-filter/_bootstrap5-definition.scss +1 -0
  24. package/styles/excel-filter/_fabric-dark-definition.scss +1 -0
  25. package/styles/excel-filter/_fabric-definition.scss +1 -0
  26. package/styles/excel-filter/_fluent-definition.scss +1 -0
  27. package/styles/excel-filter/_fusionnew-definition.scss +1 -0
  28. package/styles/excel-filter/_highcontrast-definition.scss +1 -0
  29. package/styles/excel-filter/_highcontrast-light-definition.scss +1 -0
  30. package/styles/excel-filter/_layout.scss +84 -3
  31. package/styles/excel-filter/_material-dark-definition.scss +1 -0
  32. package/styles/excel-filter/_material-definition.scss +1 -0
  33. package/styles/excel-filter/_material3-dark-definition.scss +1 -0
  34. package/styles/excel-filter/_material3-definition.scss +73 -0
  35. package/styles/excel-filter/_tailwind-definition.scss +1 -0
  36. package/styles/excel-filter/_theme.scss +3 -0
  37. package/styles/excel-filter/icons/_material3-dark.scss +1 -0
  38. package/styles/excel-filter/material3-dark.css +668 -0
  39. package/styles/excel-filter/material3-dark.scss +18 -0
  40. package/styles/excel-filter/material3.css +724 -0
  41. package/styles/excel-filter/material3.scss +18 -0
  42. package/styles/fabric-dark.css +45 -16
  43. package/styles/fabric.css +54 -25
  44. package/styles/fluent-dark.css +48 -20
  45. package/styles/fluent.css +48 -20
  46. package/styles/grid/_bootstrap-dark-definition.scss +34 -18
  47. package/styles/grid/_bootstrap-definition.scss +36 -20
  48. package/styles/grid/_bootstrap4-definition.scss +31 -14
  49. package/styles/grid/_bootstrap5-definition.scss +42 -26
  50. package/styles/grid/_fabric-dark-definition.scss +26 -10
  51. package/styles/grid/_fabric-definition.scss +35 -19
  52. package/styles/grid/_fluent-definition.scss +28 -12
  53. package/styles/grid/_fusionnew-definition.scss +16 -0
  54. package/styles/grid/_highcontrast-definition.scss +24 -8
  55. package/styles/grid/_highcontrast-light-definition.scss +26 -10
  56. package/styles/grid/_layout.scss +394 -42
  57. package/styles/grid/_material-dark-definition.scss +24 -8
  58. package/styles/grid/_material-definition.scss +36 -20
  59. package/styles/grid/_material3-dark-definition.scss +1 -0
  60. package/styles/grid/_material3-definition.scss +629 -0
  61. package/styles/grid/_tailwind-definition.scss +26 -10
  62. package/styles/grid/_theme.scss +125 -16
  63. package/styles/grid/bootstrap-dark.css +55 -26
  64. package/styles/grid/bootstrap.css +56 -27
  65. package/styles/grid/bootstrap4.css +51 -22
  66. package/styles/grid/bootstrap5-dark.css +64 -37
  67. package/styles/grid/bootstrap5.css +64 -37
  68. package/styles/grid/fabric-dark.css +45 -16
  69. package/styles/grid/fabric.css +54 -25
  70. package/styles/grid/fluent-dark.css +48 -20
  71. package/styles/grid/fluent.css +48 -20
  72. package/styles/grid/highcontrast-light.css +43 -14
  73. package/styles/grid/highcontrast.css +40 -11
  74. package/styles/grid/icons/_material3-dark.scss +1 -0
  75. package/styles/grid/icons/_material3.scss +7 -4
  76. package/styles/grid/material-dark.css +45 -16
  77. package/styles/grid/material.css +57 -28
  78. package/styles/grid/material3-dark.css +4528 -0
  79. package/styles/grid/material3-dark.scss +22 -0
  80. package/styles/grid/material3.css +4584 -0
  81. package/styles/grid/material3.scss +22 -0
  82. package/styles/grid/tailwind-dark.css +46 -18
  83. package/styles/grid/tailwind.css +46 -18
  84. package/styles/highcontrast-light.css +43 -14
  85. package/styles/highcontrast.css +40 -11
  86. package/styles/material-dark.css +45 -16
  87. package/styles/material.css +57 -28
  88. package/styles/material3-dark.css +5000 -0
  89. package/styles/material3-dark.scss +4 -0
  90. package/styles/material3.css +5056 -0
  91. package/styles/material3.scss +4 -0
  92. package/styles/tailwind-dark.css +46 -18
  93. package/styles/tailwind.css +46 -18
  94. package/schematics/collection.json +0 -20
  95. package/schematics/generators/grid-default/index.d.ts +0 -3
  96. package/schematics/generators/grid-default/index.js +0 -8
  97. package/schematics/generators/grid-default/sample-details.d.ts +0 -5
  98. package/schematics/generators/grid-default/sample-details.js +0 -7
  99. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  100. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  101. package/schematics/generators/grid-default/schema.d.ts +0 -3
  102. package/schematics/generators/grid-default/schema.js +0 -2
  103. package/schematics/generators/grid-default/schema.json +0 -125
  104. package/schematics/generators/grid-feature/index.d.ts +0 -3
  105. package/schematics/generators/grid-feature/index.js +0 -8
  106. package/schematics/generators/grid-feature/sample-details.d.ts +0 -5
  107. package/schematics/generators/grid-feature/sample-details.js +0 -7
  108. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  109. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  110. package/schematics/generators/grid-feature/schema.d.ts +0 -3
  111. package/schematics/generators/grid-feature/schema.js +0 -2
  112. package/schematics/generators/grid-feature/schema.json +0 -125
  113. package/schematics/ng-add/index.d.ts +0 -3
  114. package/schematics/ng-add/index.js +0 -9
  115. package/schematics/ng-add/schema.d.ts +0 -13
  116. package/schematics/ng-add/schema.js +0 -2
  117. package/schematics/ng-add/schema.json +0 -34
  118. package/schematics/tsconfig.json +0 -25
  119. package/schematics/utils/lib-details.d.ts +0 -4
  120. package/schematics/utils/lib-details.js +0 -6
package/styles/grid/_fabric-dark-definition.scss CHANGED
@@ -113,6 +113,9 @@ $grid-bigger-groupcell-span-padding: 0 !default;
113
113
  $grid-device-grouped-headercell-span-padding: 0 !default;
114
114
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
115
115
  $grid-device-gridheader-row-span-padding: 20px !default;
116
+ $grid-touch-device-hdrcell-span-line-height: 26px !default;
117
+ $grid-touch-device-hdrcell-ungroup-line-height: 28px !default;
118
+ $grid-device-groupsort-margin-top: 0;
116
119
  $frozen-border: 2px solid !default;
117
120
  $grid-fltrdiv-float: right !default;
118
121
  $grid-fltrdiv-text-align: right !default;
@@ -156,6 +159,7 @@ $grid-filterbarcell-padding: 0 8px !default;
156
159
  $grid-filterdiv-padding: 2px 0 !default;
157
160
  $grid-toolbar-search-margin-bottom: 0 !default;
158
161
  $grid-toolbar-search-width: 230px !default;
162
+ $grid-bigger-toolbar-search-width: $grid-toolbar-search-width !default;
159
163
  $grid-toolbar-search-icon-min-width: 30px !default;
160
164
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
161
165
  $grid-toolbar-search-wrapper-padding-top: 4px !default;
@@ -179,6 +183,7 @@ $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
179
183
  $grid-res-toolbar-clear-icon-width: 100% !default;
180
184
  $grid-res-toolbar-clear-icon-margin: 0 !default;
181
185
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
186
+ $grid-res-toolbar-search-icon-font-size: 18px !default;
182
187
  $grid-res-toolbar-search-wrapper-padding: 0 1.5px !default;
183
188
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
184
189
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
@@ -234,6 +239,7 @@ $grid-group-broder-color: $neutral-light !default;
234
239
  $grid-group-headercell-line-height: 22px !default;
235
240
  $grid-group-text-line-height: 22px !default;
236
241
  $grid-bigger-groupcell-span-line-height: 32px !default;
242
+ $grid-bigger-groupcell-span-height: $grid-bigger-groupcell-span-line-height !default;
237
243
  $grid-headecell-height: 26px !default;
238
244
  $grid-filterbarcell-text-input: 32px !default;
239
245
  $grid-grouped-headercell-padding: 1px 8px !default;
@@ -264,8 +270,8 @@ $grid-sortdiv-width: 16px !default;
264
270
  $grid-sortdiv-height: 16px !default;
265
271
  $grid-sortdiv-padding: 2px !default;
266
272
  $grid-sortnumber-margin: 7px 5px 0 2px !default;
267
- $grid-fltr-sortnumber-margin: $grid-sortnumber-margin !default;
268
- $grid-fltr-sortnumber-rightalign-margin: 7px 0 0 7px !default;
273
+ $grid-fltr-sortnumber-margin: 8px 5px 0 2px !default;
274
+ $grid-fltr-sortnumber-rightalign-margin: 8px 0 0 7px !default;
269
275
  $grid-sortnumber-rightalign-margin: 7px 0 0 15px !default;
270
276
  $grid-icon-default-color: $neutral-light-font !default;
271
277
  $grid-columnchooser-footer-border-color: rgba($neutral-black, .12) !default;
@@ -278,11 +284,12 @@ $grid-column-chooser-search-icon-padding: 2px 2px !default;
278
284
  $grid-column-chooser-cancel-icon-padding: 4px 2px !default;
279
285
  $grid-columnchooser-toolbar-div-margin-top: -2px !default;
280
286
  $grid-bigger-columnchooser-li-padding: 11px 0 !default;
281
- $grid-fltr-rtl-sortnumber-margin: 7px 0 0 28px !default;
287
+ $grid-fltr-rtl-sortnumber-margin: 7px 0 0 7px !default;
282
288
  $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
283
289
  $grid-rtl-bigger-sortnumber-margin: 6px 0 0 3px !default;
290
+ $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
284
291
  $grid-rtl-bigger-rightalign-sortnumber-margin: 6px .7em 0 12px !default;
285
- $grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 30px !default;
292
+ $grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 7px !default;
286
293
  $grid-rtl-sortnumber-rightalign-margin: 7px 0 0 10px !default;
287
294
  $grid-rtl-headercell-border-width: 0 !default;
288
295
  $grid-rtl-th-firstcell-border-left: 0 !default;
@@ -294,6 +301,7 @@ $grid-rtl-group-text-margin-left: 0 !default;
294
301
  $grid-rtl-group-text-margin-right: 8px !default;
295
302
  $grid-rtl-group-sorticon-margin-right: 8px !default;
296
303
  $grid-ungroup-rtl-padding-top: 0 !default;
304
+ $grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
297
305
  $grid-bigger-headercell-padding: round($grid-header-padding*1.25) !default;
298
306
  $grid-bigger-headercell-bootom-padding: round($grid-header-bottom-padding*1.25) !default;
299
307
  $grid-bigger-headercell-line-height: round($grid-headercell-line-height*1.25) !default;
@@ -396,7 +404,7 @@ $grid-filtered-color: $theme-primary !default;
396
404
  $grid-autofill-color: $theme-primary !default;
397
405
  $grid-e-firstrow-dragborder-bcolor: $theme-primary !default;
398
406
  $grid-filtermenu-icon: 'e21c' !default;
399
- $grid-bigger-fltrdiv-margin: -24px -7px !default;
407
+ $grid-bigger-fltrdiv-margin: -26px -7px !default;
400
408
  $grid-checkbox-padding-topbottom: 7px !default;
401
409
  $grid-checkbox-content-padding-left: 18px !default;
402
410
  $grid-rtl-checkbox-content-padding-left: 25px !default;
@@ -410,20 +418,21 @@ $grid-sortdiv-filtericon-rightalign-margin: -20px 0 0 8px !default;
410
418
  $grid-sortnumber-filtericon-rightalign-margin: 8px 25px 0 5px !default;
411
419
  $grid-sortdiv-filtericon-margin: -20px 20px 0 0 !default;
412
420
  $grid-rtl-sortdiv-filtericon-rightalign-margin: -22px 0 0 14px !default;
413
- $grid-rtl-sortdiv-filtericon-margin: -22px 0 0 -3px !default;
414
- $grid-bigger-fltricon-sortdiv-rightalign-margin: -23px 11px 0 0 !default;
421
+ $grid-rtl-sortdiv-filtericon-margin: -22px 0 0 14px !default;
422
+ $grid-bigger-fltricon-sortdiv-rightalign-margin: -23px 11px 0 15px !default;
415
423
  $grid-bigger-fltricon-sortdiv-margin: -23px 20px 0 0 !default;
416
424
  $grid-column-menu-sub-menu-box-shadow: 0 0 10px 0 rgba($shadow, .2) !default;
417
425
  $grid-bigger-checkbox-filter-min-height: 370px !default;
418
426
  $grid-checkbox-filter-min-height: 348px !default;
419
- $grid-column-menu-margin: -24px !default;
427
+ $grid-column-menu-margin: -25px -24px !default;
420
428
  $grid-column-menu-padding: 6px !default;
421
429
  $grid-textwrap-column-menu-margin: -20px -24px -24px -24px !default;
422
- $grid-bigger-column-menu-margin: -25px -20px !default;
430
+ $grid-bigger-column-menu-margin: -24.5px -24px !default;
431
+ $grid-bigger-device-column-menu-margin: -26px -20px !default;
423
432
  $grid-column-menu-top-touch: 35px !default;
424
433
  $grid-column-menu-bottom-touch: 37px !default;
425
434
  $grid-column-menu-right-touch: 23px !default;
426
- $grid-rtl-bigger-fltricon-sortdiv-margin: -22px 0 0 -7px !default;
435
+ $grid-rtl-bigger-fltricon-sortdiv-margin: -22px 0 0 12px !default;
427
436
  $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -22px 0 0 12px !default;
428
437
  $grid-selection-font-weight: normal !default;
429
438
  $group-hover-border: $group-border-width !default;
@@ -446,6 +455,7 @@ $grid-summary-row-bg-color: $neutral-lighter !default;
446
455
  $grid-drag-font-size: 12px !default;
447
456
  $grid-drag-icon-font-weight: bold !default;
448
457
  $grid-drag-move-icon: 10px !default;
458
+ $grid-drag-area-border: 1px solid !default;
449
459
  $grid-dragdrop-padding: 2px !default;
450
460
  $grid-dragborder-box-shadow: 0 2px 0 0 $theme-primary !default;
451
461
  $grid-dragborder-position: relative !default;
@@ -532,6 +542,7 @@ $grid-responsive-search-icon-right: 6px !default;
532
542
  $grid-responsive-search-padding-right: 0 !default;
533
543
  $grid-responsive-search-padding-left: 16px !default;
534
544
  $grid-responsive-header-background: $neutral-white !default;
545
+ $grid-bigger-res-dlg-hdr-padding: 16px !default;
535
546
  $grid-responsive-header-search: 0 !default;
536
547
  $grid-responsive-filter-reset-color: $grid-filtered-color !default;
537
548
  $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
@@ -579,7 +590,11 @@ $grid-sort-number-size: 15px !default;
579
590
  $grid-bigger-sort-number-size: $grid-sort-number-size !default;
580
591
  $grid-sort-number-font-size: 9px !default;
581
592
  $grid-filter-border-radius: 0 !default;
593
+ $grid-bigger-filter-border-radius: $grid-filter-border-radius !default;
582
594
  $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
595
+ $grid-adaptive-cell-padding-bottom: 5px !default;
596
+ $grid-adaptive-cell-padding-top: 5px !default;
597
+ $grid-bigger-adaptive-cell-position-top: 6px !default;
583
598
  $grid-bigger-sort-margin: -21px 3px !default;
584
599
  $grid-bigger-sort-right-margin: 6px 2px 0 0 !default;
585
600
  $grid-skin: 'fabric' !default;
@@ -590,6 +605,7 @@ $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !de
590
605
  $grid-adaptive-sort-clear-button-padding: 5px !default;
591
606
  $grid-cc-margin-top: 3px !default;
592
607
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
608
+ $grid-bigger-device-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
593
609
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
594
610
  $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
595
611
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
package/styles/grid/_fabric-definition.scss CHANGED
@@ -117,6 +117,9 @@ $grid-bigger-groupcell-span-padding: 0 !default;
117
117
  $grid-device-grouped-headercell-span-padding: 0 !default;
118
118
  $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
119
119
  $grid-device-gridheader-row-span-padding: 20px !default;
120
+ $grid-touch-device-hdrcell-span-line-height: 26px !default;
121
+ $grid-touch-device-hdrcell-ungroup-line-height: 28px !default;
122
+ $grid-device-groupsort-margin-top: 0;
120
123
  $frozen-border: 2px solid !default;
121
124
  $grid-fltrdiv-float: right !default;
122
125
  $grid-fltrdiv-text-align: right !default;
@@ -160,6 +163,7 @@ $grid-filterbarcell-padding: 0 8px !default;
160
163
  $grid-filterdiv-padding: 2px 0 !default;
161
164
  $grid-toolbar-search-margin-bottom: 0 !default;
162
165
  $grid-toolbar-search-width: 230px !default;
166
+ $grid-bigger-toolbar-search-width: $grid-toolbar-search-width !default;
163
167
  $grid-toolbar-search-icon-min-width: 30px !default;
164
168
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
165
169
  $grid-toolbar-search-wrapper-padding-top: 4px !default;
@@ -183,6 +187,7 @@ $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
183
187
  $grid-res-toolbar-clear-icon-width: 100% !default;
184
188
  $grid-res-toolbar-clear-icon-margin: 0 !default;
185
189
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
190
+ $grid-res-toolbar-search-icon-font-size: 18px !default;
186
191
  $grid-res-toolbar-search-wrapper-padding: 0 1.5px !default;
187
192
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
188
193
  $grid-bigger-toolbar-search-wrapper-padding-bottom: 5px !default;
@@ -237,6 +242,7 @@ $grid-group-broder-color: $theme-light !default;
237
242
  $grid-group-headercell-line-height: 22px !default;
238
243
  $grid-group-text-line-height: 22px !default;
239
244
  $grid-bigger-groupcell-span-line-height: 32px !default;
245
+ $grid-bigger-groupcell-span-height: $grid-bigger-groupcell-span-line-height !default;
240
246
  $grid-headecell-height: 26px !default;
241
247
  $grid-filterbarcell-text-input: 32px !default;
242
248
  $grid-grouped-headercell-padding: 1px 8px !default;
@@ -266,9 +272,9 @@ $grid-rtl-group-headercell-margin-left: 0 !default;
266
272
  $grid-sortdiv-width: 16px !default;
267
273
  $grid-sortdiv-height: 16px !default;
268
274
  $grid-sortdiv-padding: 2px 2px 2px 4px !default;
269
- $grid-sortnumber-margin: 7px -10px 0 !default;
270
- $grid-fltr-sortnumber-margin: 8px -11px 0 !default;
271
- $grid-fltr-sortnumber-rightalign-margin: 8px 0 0 !default;
275
+ $grid-sortnumber-margin: 7px 0 0 !default;
276
+ $grid-fltr-sortnumber-margin: 8px 0 0 !default;
277
+ $grid-fltr-sortnumber-rightalign-margin: 8px 10px 0 !default;
272
278
  $grid-sortnumber-rightalign-margin: 7px 0 0 !default;
273
279
  $grid-icon-default-color: $neutral-light-font !default;
274
280
  $grid-columnchooser-footer-border-color: rgba($neutral-black, .12) !default;
@@ -281,11 +287,12 @@ $grid-column-chooser-search-icon-padding: 2px 2px !default;
281
287
  $grid-column-chooser-cancel-icon-padding: 4px 2px !default;
282
288
  $grid-columnchooser-toolbar-div-margin-top: -2px !default;
283
289
  $grid-bigger-columnchooser-li-padding: 11px 0 !default;
284
- $grid-fltr-rtl-sortnumber-margin: 7px 0 0 3px !default;
290
+ $grid-fltr-rtl-sortnumber-margin: 8px 0 0 3px !default;
285
291
  $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
286
292
  $grid-rtl-bigger-sortnumber-margin: 7px 0 0 3px !default;
293
+ $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
287
294
  $grid-rtl-bigger-rightalign-sortnumber-margin: 7px 0 0 3px !default;
288
- $grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 6px !default;
295
+ $grid-fltr-rtl-sortnumber-rightalign-margin: 8px 0 0 6px !default;
289
296
  $grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
290
297
  $grid-rtl-headercell-border-width: 0 !default;
291
298
  $grid-rtl-th-firstcell-border-left: 0 !default;
@@ -297,6 +304,7 @@ $grid-rtl-group-text-margin-left: 0 !default;
297
304
  $grid-rtl-group-text-margin-right: 8px !default;
298
305
  $grid-rtl-group-sorticon-margin-right: 8px !default;
299
306
  $grid-ungroup-rtl-padding-top: 0 !default;
307
+ $grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
300
308
  $grid-bigger-headercell-padding: round($grid-header-padding*1.25) !default;
301
309
  $grid-bigger-headercell-bootom-padding: round($grid-header-bottom-padding*1.25) !default;
302
310
  $grid-bigger-headercell-line-height: round($grid-headercell-line-height*1.25) !default;
@@ -330,8 +338,8 @@ $grid-bigger-gdownarrow-icon-font-size: 14px !default;
330
338
  $grid-bigger-grightarrow-icon-font-size: 14px !default;
331
339
  $grid-bigger-icons-font-size: 14px !default;
332
340
  $grid-bigger-header-icons-font-size: 14px !default;
333
- $grid-bigger-sortdiv-margin: -23px 6px !default;
334
- $grid-bigger-sortdiv-rightalign-margin: -23px -4px !default;
341
+ $grid-bigger-sortdiv-margin: -21px 6px !default;
342
+ $grid-bigger-sortdiv-rightalign-margin: -21px -4px !default;
335
343
  $grid-bigger-headercell-font-size: 15px !default;
336
344
  $grid-bigger-content-font-size: 14px !default;
337
345
  $grid-bigger-font-size: 14px !default;
@@ -393,13 +401,13 @@ $grid-rtl-headercelldiv-rightalign-fltricon-margin: 0 !default;
393
401
  $grid-rtl-headercelldiv-fltricon-margin: 0 !default;
394
402
  $grid-rtl-fltrdiv-padding: 7px !default;
395
403
  $grid-fltrdiv-margin: -24px -7px !default;
396
- $grid-rtl-fltrdiv-margin: -27px 0 -24px -5px !default;
404
+ $grid-rtl-fltrdiv-margin: -25px 0 -24px -5px !default;
397
405
  $grid-rtl-bigger-fltrdiv-margin: -27px 0 -26px -5px !default;
398
406
  $grid-filtered-color: $theme-primary !default;
399
407
  $grid-autofill-color: $theme-primary !default;
400
408
  $grid-e-firstrow-dragborder-bcolor: $theme-primary !default;
401
409
  $grid-filtermenu-icon: 'e21c' !default;
402
- $grid-bigger-fltrdiv-margin: -24px -7px !default;
410
+ $grid-bigger-fltrdiv-margin: -26px -7px !default;
403
411
  $grid-checkbox-padding-topbottom: 7px !default;
404
412
  $grid-checkbox-content-padding-left: 18px !default;
405
413
  $grid-rtl-checkbox-content-padding-left: 25px !default;
@@ -412,21 +420,22 @@ $grid-rtl-bigger-checkbox-content-padding-left: 31.25px !default;
412
420
  $grid-sortdiv-filtericon-rightalign-margin: -20px 0 0 8px !default;
413
421
  $grid-sortnumber-filtericon-rightalign-margin: 8px 25px 0 5px !default;
414
422
  $grid-sortdiv-filtericon-margin: -20px 20px 0 0 !default;
415
- $grid-rtl-sortdiv-filtericon-rightalign-margin: -22px 0 0 14px !default;
416
- $grid-rtl-sortdiv-filtericon-margin: -22px 0 0 -3px !default;
417
- $grid-bigger-fltricon-sortdiv-rightalign-margin: -23px 11px 0 0 !default;
418
- $grid-bigger-fltricon-sortdiv-margin: -23px 20px 0 0 !default;
423
+ $grid-rtl-sortdiv-filtericon-rightalign-margin: -20px 0 0 14px !default;
424
+ $grid-rtl-sortdiv-filtericon-margin: -20px 0 0 10px !default;
425
+ $grid-bigger-fltricon-sortdiv-rightalign-margin: -22px 11px 0 0 !default;
426
+ $grid-bigger-fltricon-sortdiv-margin: -22px 20px 0 0 !default;
419
427
  $grid-column-menu-sub-menu-box-shadow: 0 0 10px 0 rgba($shadow, .2) !default;
420
428
  $grid-bigger-checkbox-filter-min-height: 370px !default;
421
429
  $grid-checkbox-filter-min-height: 348px !default;
422
- $grid-column-menu-margin: -24px !default;
430
+ $grid-column-menu-margin: -25px -24px !default;
423
431
  $grid-column-menu-padding: 6px !default;
424
432
  $grid-textwrap-column-menu-margin: -20px -24px -24px -24px !default;
425
- $grid-bigger-column-menu-margin: -25px -20px !default;
433
+ $grid-bigger-column-menu-margin: -24.5px -24px !default;
434
+ $grid-bigger-device-column-menu-margin: -26px -20px !default;
426
435
  $grid-column-menu-top-touch: 35px !default;
427
436
  $grid-column-menu-bottom-touch: 37px !default;
428
437
  $grid-column-menu-right-touch: 23px !default;
429
- $grid-rtl-bigger-fltricon-sortdiv-margin: -22px 0 0 -7px !default;
438
+ $grid-rtl-bigger-fltricon-sortdiv-margin: -22px 0 0 10px !default;
430
439
  $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -22px 0 0 12px !default;
431
440
  $grid-selection-font-weight: normal !default;
432
441
  $group-hover-border: $group-border-width !default;
@@ -446,6 +455,7 @@ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -17px 14px !defau
446
455
  $grid-drag-font-size: 12px !default;
447
456
  $grid-drag-icon-font-weight: bold !default;
448
457
  $grid-drag-move-icon: 10px !default;
458
+ $grid-drag-area-border: 1px solid !default;
449
459
  $grid-dragdrop-padding: 2px !default;
450
460
  $grid-dragborder-box-shadow: 0 2px 0 0 $theme-primary !default;
451
461
  $grid-dragborder-position: relative !default;
@@ -491,7 +501,7 @@ $grid-rtl-group-sorticon-margin-left: 0 !default;
491
501
  $grid-column-menu-padding: 6px !default;
492
502
  $grid-rtl-column-menu-left: 5px !default;
493
503
  $grid-checkboxfiltertext-width: 135px !default;
494
- $grid-rtl-column-menu-margin: -25px -18px -18px 1px !default;
504
+ $grid-rtl-column-menu-margin: -24px -18px -18px 1px !default;
495
505
  $grid-rtl-textwrap-column-menu-margin: -20px -13px -23px -3px !default;
496
506
  $grid-filter-checkbox-width: 0 !default;
497
507
  $grid-filter-checkbox-white-space: nowrap !default;
@@ -532,6 +542,7 @@ $grid-responsive-search-icon-right: 6px !default;
532
542
  $grid-responsive-search-padding-right: 0 !default;
533
543
  $grid-responsive-search-padding-left: 16px !default;
534
544
  $grid-responsive-header-background: $neutral-white !default;
545
+ $grid-bigger-res-dlg-hdr-padding: 16px !default;
535
546
  $grid-responsive-header-search: 0 !default;
536
547
  $grid-responsive-filter-reset-color: $grid-filtered-color !default;
537
548
  $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
@@ -557,7 +568,7 @@ $grid-responsive-apply-btn-top: 3px !default;
557
568
 
558
569
  $grid-rtl-headercelldiv-left-align-margin: 10px !default;
559
570
  $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
560
- $grid-rtl-sort-num-left-align-margin: 7px -10px 0 0 !default;
571
+ $grid-rtl-sort-num-left-align-margin: 8px -10px 0 0 !default;
561
572
  $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
562
573
  $grid-rowcell-color: rgba($grid-content-font-color, $grid-conent-font-opacity) !default;
563
574
  $grid-reorderarrow-margin-top: -4.5px !default;
@@ -579,7 +590,11 @@ $grid-sort-number-size: 15px !default;
579
590
  $grid-bigger-sort-number-size: $grid-sort-number-size !default;
580
591
  $grid-sort-number-font-size: 9px !default;
581
592
  $grid-filter-border-radius: 0 !default;
593
+ $grid-bigger-filter-border-radius: $grid-filter-border-radius !default;
582
594
  $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
595
+ $grid-adaptive-cell-padding-bottom: 5px !default;
596
+ $grid-adaptive-cell-padding-top: 5px !default;
597
+ $grid-bigger-adaptive-cell-position-top: 6px !default;
583
598
  $grid-bigger-sort-margin: -21px 3px !default;
584
599
  $grid-bigger-sort-right-margin: 7px 2px 0 0 !default;
585
600
  $grid-skin: 'fabric' !default;
@@ -589,7 +604,8 @@ $grid-bigger-drag-count-top: -10px !default;
589
604
  $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;
590
605
  $grid-adaptive-sort-clear-button-padding: 5px !default;
591
606
  $grid-cc-margin-top: 3px !default;
592
- $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
607
+ $grid-bigger-rtl-cm-margin: -25px -18px -18px 1px !default;
608
+ $grid-bigger-device-rtl-cm-margin: $grid-bigger-rtl-cm-margin !default;
593
609
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
594
610
  $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
595
611
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
package/styles/grid/_fluent-definition.scss CHANGED
@@ -74,6 +74,7 @@ $grid-filter-icon-color: $icon-color !default;
74
74
  $grid-group-drop-area-hover-border-color: $border-dark !default;
75
75
  $grid-btn-disabled-bgcolor: $secondary-bg-color-disabled !default;
76
76
  $grid-responsive-header-background: $content-bg-color !default;
77
+ $grid-bigger-res-dlg-hdr-padding: 16px !default;
77
78
  $grid-adatptive-apply-btn-disable: $primary-bg-color-disabled !default;
78
79
  $grid-outter-border: $grid-header-border-color !default;
79
80
  $grid-column-reorder-icon-color: $primary !default;
@@ -147,6 +148,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
147
148
  $grid-columnchooser-ul-margin: 13px 0 !default;
148
149
  $grid-column-chooser-dlg-footer-padding: 8px !default;
149
150
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
151
+ $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
150
152
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
151
153
  $grid-rtl-group-text-marign-right: 0 !default;
152
154
  $grid-rtl-group-text-margin-right: 0 !default;
@@ -187,6 +189,9 @@ $grid-device-filterbarcell-padding: $grid-content-padding 12px !default;
187
189
  $grid-device-filterbarcell-firstchild-padding: $grid-content-padding 12px $grid-content-padding 16px !default;
188
190
  $grid-device-filterbarcell-lastchild-padding: $grid-content-padding 16px $grid-content-padding 12px !default;
189
191
  $grid-device-gridheader-row-span-padding: 20px !default;
192
+ $grid-touch-device-hdrcell-span-line-height: 26px !default;
193
+ $grid-touch-device-hdrcell-ungroup-line-height: 26px !default;
194
+ $grid-device-groupsort-margin-top: 0;
190
195
  $grid-edit-input-bigger-padding-bottom: 0 !default;
191
196
  $grid-edit-input-bigger-padding-top: 0 !default;
192
197
  $grid-edit-input-bigger-device-padding-bottom: 0 !default;
@@ -235,6 +240,7 @@ $grid-content-right-padding: 7px !default;
235
240
  $grid-first-last-rowcell-padding: 8px !default;
236
241
  $grid-toolbar-search-margin-bottom: 0 !default;
237
242
  $grid-toolbar-search-width: 230px !default;
243
+ $grid-bigger-toolbar-search-width: $grid-toolbar-search-width !default;
238
244
  $grid-toolbar-search-icon-min-width: 32px !default;
239
245
  $grid-toolbar-search-wrapper-padding-bottom: 6px !default;
240
246
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
@@ -257,6 +263,7 @@ $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
257
263
  $grid-res-toolbar-clear-icon-width: 100% !default;
258
264
  $grid-res-toolbar-clear-icon-margin: 0 !default;
259
265
  $grid-res-toolbar-search-clear-icon-font-size: $font-icon-17 !default;
266
+ $grid-res-toolbar-search-icon-font-size: 18px !default;
260
267
  $grid-res-toolbar-search-wrapper-padding: 2px 18px 5px 0 !default;
261
268
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
262
269
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -315,6 +322,7 @@ $grid-edit-input-margin: 2px !default;
315
322
  $grid-edit-cell-padding: 2px !default;
316
323
  $grid-group-height: 44px !default;
317
324
  $grid-ungroup-rtl-padding-top: 8px !default;
325
+ $grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
318
326
  $grid-rtl-group-headercell-margin-right: 4px !default;
319
327
  $grid-rtl-group-headercell-margin-left: 0 !default;
320
328
  $grid-fltr-rtl-sortnumber-margin: 2px 0 0 15px !default;
@@ -327,25 +335,25 @@ $grid-rtl-bigger-sortcelldiv-right-align-margin: -31px 6px !default;
327
335
  $grid-rtl-bigger-sortcelldiv-margin: -33px 5px !default;
328
336
  $grid-rtl-grouped-headercell-padding: 3px 0 !default;
329
337
  $grid-rtl-group-text-margin-left: 0 !default;
330
- $grid-rtl-group-sorticon-margin-right: -8px !default;
338
+ $grid-rtl-group-sorticon-margin-right: -6px !default;
331
339
  $grid-rtl-headercell-border-width: 0 !default;
332
340
  $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
333
341
  $grid-rtl-headercelldiv-chkbox-padding: 0 4px 0 .35em !default;
334
342
  $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 4px 0 .3em !default;
335
- $grid-ungroup-rtl-padding-right: -14px !default;
343
+ $grid-ungroup-rtl-padding-right: -11px !default;
336
344
  $grid-headercelldiv-padding: 0 20px 0 5px !default;
337
345
  $grid-headercell-div-padding: 0 .4em !default;
338
346
  $grid-group-text-width: auto !default;
339
347
  $grid-grouptopleftcell-border-top: 2px solid !default;
340
348
  $grid-group-caption-font-size: $text-sm !default;
341
349
  $grid-group-caption-header-padding: .7em !default;
342
- $group-sorticon-margin-left: -8px !default;
350
+ $group-sorticon-margin-left: -6px !default;
343
351
  $group-sorticon-margin-top: -3px !default;
344
352
  $grid-bigger-headercell-line-height: 44px !default;
345
353
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
346
354
  $grid-bigger-rowcell-line-height: 1 !default;
347
355
  $grid-bigger-font-size: $text-base !default;
348
- $group-unpgrouicon-margin-left: -13px !default;
356
+ $group-unpgrouicon-margin-left: -11px !default;
349
357
  $grid-group-ungroupicon-margin-left: -9px !default;
350
358
  $grid-group-clone-text-align: left !default;
351
359
  $grid-clone-padding: 2px 8px 2px !default;
@@ -377,6 +385,7 @@ $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
377
385
  $grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
378
386
  $grid-device-ungroupbutton-icon-margin-top: 0 !default;
379
387
  $grid-bigger-groupcell-span-line-height: 30px !default;
388
+ $grid-bigger-groupcell-span-height: $grid-bigger-groupcell-span-line-height !default;
380
389
  $grid-bigger-gdownarrow-icon-font-size: $text-lg !default;
381
390
  $grid-gd-clone-border-radius: 4px !default;
382
391
  $grid-bigger-group-clone-broder-radius: 6px !default;
@@ -405,8 +414,8 @@ $grid-filterbarcell-text-input: 32px !default;
405
414
  $grid-bigger-filterbarcell-text-input: 39px !default;
406
415
  $grid-columnchooser-li-padding: 7px 0 !default;
407
416
  $grid-edit-input-bigger-margin: 2px !default;
408
- $grid-device-ungroupbutton-line-height: 37px !default;
409
- $grid-device-groupheadercell-span-line-height: 33px !default;
417
+ $grid-device-ungroupbutton-line-height: 28px !default;
418
+ $grid-device-groupheadercell-span-line-height: 28px !default;
410
419
  $grid-edit-checkbox-bigger-padding-left: 8px !default;
411
420
  $grid-edit-checkbox-bigger-padding-top: 8px !default;
412
421
  $grid-cell-focus-shadow: 0 0 0 1px $primary inset !default;
@@ -429,17 +438,18 @@ $grid-sortdiv-filtericon-margin: -30px 20px -29px 0 !default;
429
438
  $grid-sortdiv-filtericon-rightalign-margin: $grid-sortdiv-right-align-margin !default;
430
439
  $grid-rtl-sortdiv-filtericon-rightalign-margin: -30px -4px 1px 16px !default;
431
440
  $grid-rtl-sortdiv-filtericon-margin: -30px -4px 1px 16px !default;
432
- $grid-bigger-fltricon-sortdiv-rightalign-margin: -33px -20px 0 -4px !default;
433
- $grid-bigger-fltricon-sortdiv-margin: -32px 18px -31px 0 !default;
441
+ $grid-bigger-fltricon-sortdiv-rightalign-margin: -31px -20px 0 -4px !default;
442
+ $grid-bigger-fltricon-sortdiv-margin: -31px 18px -31px 0 !default;
434
443
  $grid-rtl-bigger-fltricon-sortdiv-margin: -32px 0 0 15px !default;
435
444
  $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -32px 0 3px 18px !default;
436
445
  $grid-column-menu-sub-menu-box-shadow: $shadow !default;
437
446
  $grid-bigger-checkbox-filter-min-height: 360px !default;
438
447
  $grid-checkbox-filter-min-height: 307px !default;
439
- $grid-column-menu-margin: -19px -21px -3px -19px !default;
448
+ $grid-column-menu-margin: -20px -21px -3px -19px !default;
440
449
  $grid-column-menu-padding: 6px !default;
441
450
  $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
442
- $grid-bigger-column-menu-margin: -20px !default;
451
+ $grid-bigger-column-menu-margin: -20.5px -21px -3px -19px !default;
452
+ $grid-bigger-device-column-menu-margin: -25px !default;
443
453
  $grid-column-menu-top-touch: 10px !default;
444
454
  $grid-column-menu-bottom-touch: 28px !default;
445
455
  $grid-column-menu-right-touch: 23px !default;
@@ -458,6 +468,7 @@ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -33px 14px !defau
458
468
  $grid-drag-font-size: $text-base !default;
459
469
  $grid-drag-icon-font-weight: $font-weight-bold !default;
460
470
  $grid-drag-move-icon: 10px !default;
471
+ $grid-drag-area-border: 1px solid !default;
461
472
  $grid-dragdrop-padding: 2px !default;
462
473
  $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
463
474
  $grid-dragborder-position: relative !default;
@@ -495,7 +506,7 @@ $grid-ungroup-rtl-margin-left: 0 !default;
495
506
  $grid-rtl-group-sorticon-margin-left: -5px !default;
496
507
  $grid-rtl-column-menu-left: 23px !default;
497
508
  $grid-checkboxfiltertext-width: 150px !default;
498
- $grid-rtl-column-menu-margin: -20px -18px -1px -22px !default;
509
+ $grid-rtl-column-menu-margin: -21px -18px -1px -22px !default;
499
510
  $grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
500
511
  $grid-filter-checkbox-width: 0 !default;
501
512
  $grid-filter-checkbox-white-space: nowrap !default;
@@ -575,7 +586,11 @@ $grid-sort-number-size: 16px !default;
575
586
  $grid-bigger-sort-number-size: 18px !default;
576
587
  $grid-sort-number-font-size: $font-icon-9 !default;
577
588
  $grid-filter-border-radius: 6px !default;
589
+ $grid-bigger-filter-border-radius: $grid-filter-border-radius !default;
578
590
  $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
591
+ $grid-adaptive-cell-padding-bottom: 5px !default;
592
+ $grid-adaptive-cell-padding-top: 5px !default;
593
+ $grid-bigger-adaptive-cell-position-top: 6px !default;
579
594
  $grid-bigger-sort-margin: -31px 3px !default;
580
595
  $grid-bigger-sort-right-margin: 2px 2px 0 0 !default;
581
596
  $grid-skin: 'fluent' !default;
@@ -585,7 +600,8 @@ $grid-bigger-drag-count-top: -14px !default;
585
600
  $grid-bigger-check-select-all-font-size: $text-xxs !default;
586
601
  $grid-adaptive-sort-clear-button-padding: 4px !default;
587
602
  $grid-cc-margin-top: 2px !default;
588
- $grid-bigger-rtl-cm-margin: -20px -18px -5px -22px !default;
603
+ $grid-bigger-rtl-cm-margin: -21px -18px -5px -22px !default;
604
+ $grid-bigger-device-rtl-cm-margin: -25px -18px -5px -22px !default;
589
605
  $grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
590
606
  $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
591
607
  $grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
package/styles/grid/_fusionnew-definition.scss CHANGED
@@ -92,6 +92,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
92
92
  $grid-columnchooser-ul-margin: 13px 0 !default;
93
93
  $grid-column-chooser-dlg-footer-padding: 8px !default;
94
94
  $grid-rtl-bigger-sortnumber-margin: 1px 0 0 -20px !default;
95
+ $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
95
96
  $grid-rtl-bigger-rightalign-sortnumber-margin: 1px 0 0 20px !default;
96
97
  $grid-rtl-group-text-marign-right: 0 !default;
97
98
  $grid-rtl-group-text-margin-right: 0 !default;
@@ -132,6 +133,8 @@ $grid-device-filterbarcell-padding: $grid-content-padding 12px !default;
132
133
  $grid-device-filterbarcell-firstchild-padding: $grid-content-padding 12px $grid-content-padding 16px !default;
133
134
  $grid-device-filterbarcell-lastchild-padding: $grid-content-padding 16px $grid-content-padding 12px !default;
134
135
  $grid-device-gridheader-row-span-padding: 20px !default;
136
+ $grid-touch-device-hdrcell-span-line-height: 26px !default;
137
+ $grid-touch-device-hdrcell-ungroup-line-height: 28px !default;
135
138
  $grid-edit-input-bigger-padding-bottom: 0 !default;
136
139
  $grid-edit-input-bigger-padding-top: 0 !default;
137
140
  $grid-edit-input-bigger-device-padding-bottom: 0 !default;
@@ -193,6 +196,7 @@ $grid-content-right-padding: 8px !default;
193
196
  $grid-first-last-rowcell-padding: 8px !default;
194
197
  $grid-toolbar-search-margin-bottom: 0 !default;
195
198
  $grid-toolbar-search-width: 230px !default;
199
+ $grid-bigger-toolbar-search-width: $grid-toolbar-search-width !default;
196
200
  $grid-toolbar-search-icon-min-width: 32px !default;
197
201
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
198
202
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
@@ -270,6 +274,7 @@ $grid-edit-input-margin: 2px !default;
270
274
  $grid-edit-cell-padding: 2px !default;
271
275
  $grid-group-height: 36px !default;
272
276
  $grid-ungroup-rtl-padding-top: 0 !default;
277
+ $grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
273
278
  $grid-rtl-group-headercell-margin-right: 5px !default;
274
279
  $grid-rtl-group-headercell-margin-left: 0 !default;
275
280
  $grid-fltr-rtl-sortnumber-margin: 1px 0 0 12px !default;
@@ -332,6 +337,7 @@ $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
332
337
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
333
338
  $grid-device-ungroupbutton-icon-margin-top: 1px !default;
334
339
  $grid-bigger-groupcell-span-line-height: 24px !default;
340
+ $grid-bigger-groupcell-span-height: $grid-bigger-groupcell-span-line-height !default;
335
341
  $grid-bigger-gdownarrow-icon-font-size: 16px !default;
336
342
  $grid-gd-clone-border-radius: 4px !default;
337
343
  $grid-bigger-group-clone-broder-radius: 6px !default;
@@ -362,6 +368,7 @@ $grid-bigger-filterbarcell-text-input: 39px !default;
362
368
  $grid-columnchooser-li-padding: 7px 0 !default;
363
369
  $grid-edit-input-bigger-margin: 2px !default;
364
370
  $grid-device-ungroupbutton-line-height: 37px !default;
371
+ $grid-device-groupsort-margin-top: 0;
365
372
  $grid-device-groupheadercell-span-line-height: 33px !default;
366
373
  $frozen-border-color: $border-light !default;
367
374
  $grid-freezeline-right-border: rgba($primary-light, 1) !default;
@@ -402,6 +409,7 @@ $grid-column-menu-margin: -12px -18px -12px 8px !default;
402
409
  $grid-column-menu-padding: 2px !default;
403
410
  $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
404
411
  $grid-bigger-column-menu-margin: 0 -3px !default;
412
+ $grid-bigger-device-column-menu-margin: 0 -3px !default;
405
413
  $grid-column-menu-top-touch: 21px !default;
406
414
  $grid-column-menu-right-touch: 23px !default;
407
415
  $grid-selection-font-weight: $font-weight-normal !default;
@@ -421,6 +429,7 @@ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -28px 0 !default;
421
429
  $grid-drag-font-size: 14px !default;
422
430
  $grid-drag-icon-font-weight: bold !default;
423
431
  $grid-drag-move-icon: 10px !default;
432
+ $grid-drag-area-border: 1px solid !default;
424
433
  $grid-dragdrop-padding: 2px !default;
425
434
  $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
426
435
  $grid-dragborder-position: relative !default;
@@ -505,6 +514,7 @@ $grid-responsive-search-icon-right: 0 !default;
505
514
  $grid-responsive-search-padding-right: 18px !default;
506
515
  $grid-responsive-search-padding-left: 18px !default;
507
516
  $grid-responsive-header-background: $content-bg-color !default;
517
+ $grid-bigger-res-dlg-hdr-padding: 16px !default;
508
518
  $grid-responsive-header-search: 0 !default;
509
519
  $grid-responsive-filter-reset-color: $grid-filtered-color !default;
510
520
  $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
@@ -527,6 +537,7 @@ $grid-responsive-toolbar-filter-font-size: $grid-bigger-icons-font-size !default
527
537
  $grid-responsive-tbar-btn-bgr-padding: 0 !default;
528
538
  $grid-responsive-btn-top: -10px !default;
529
539
  $grid-responsive-apply-btn-top: 4px !default;
540
+ $grid-res-toolbar-search-icon-font-size: 18px !default;
530
541
 
531
542
  $grid-rtl-headercelldiv-left-align-margin: 10px !default;
532
543
  $grid-rtl-filtermenudiv-left-align-margin: -2px !default;
@@ -558,7 +569,11 @@ $grid-sort-number-size: 16px !default;
558
569
  $grid-bigger-sort-number-size: 18px !default;
559
570
  $grid-sort-number-font-size: 16px !default;
560
571
  $grid-filter-border-radius: 6px !default;
572
+ $grid-bigger-filter-border-radius: $grid-filter-border-radius !default;
561
573
  $grid-adaptive-toolbar-icon-hover-bottom: 4px !default;
574
+ $grid-adaptive-cell-padding-bottom: 5px !default;
575
+ $grid-adaptive-cell-padding-top: 5px !default;
576
+ $grid-bigger-adaptive-cell-position-top: 6px !default;
562
577
  $grid-bigger-sort-margin: -10px 2px !default;
563
578
  $grid-bigger-sort-right-margin: 1px 8px 0 0 !default;
564
579
  $grid-skin: 'bootstrap5' !default;
@@ -569,6 +584,7 @@ $grid-bigger-check-select-all-font-size: 10px !default;
569
584
  $grid-adaptive-sort-clear-button-padding: 4px !default;
570
585
  $grid-cc-margin-top: 4px !default;
571
586
  $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
587
+ $grid-bigger-device-rtl-cm-margin: -12px 4px -12px -22px !default;
572
588
  $grid-bigger-rtl-group-span-padding: 0 8px !default;
573
589
  $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
574
590
  $grid-rtl-group-span-padding: 0 8px !default;