@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/_bootstrap-definition.scss CHANGED
@@ -98,6 +98,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
98
98
  $grid-columnchooser-ul-margin: 13px 0 !default;
99
99
  $grid-column-chooser-dlg-footer-padding: 8px !default;
100
100
  $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
101
+ $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 5px !default;
101
102
  $grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
102
103
  $grid-rtl-group-text-marign-right: 0 !default;
103
104
  $grid-rtl-group-text-margin-right: 0 !default;
@@ -119,7 +120,7 @@ $grid-bigger-group-text-line-height: 32px !default;
119
120
  $grid-bigger-groupcaption-line-height: 32px !default;
120
121
  $grid-bigger-rtl-group-headercell-margin: 3px 8px 0 0 !default;
121
122
  $grid-bigger-rtl-group-headercell-padding: 9px 0 4px 0 !default;
122
- $grid-bigger-rtl-ungroup-icon-margin-right: -10px !default;
123
+ $grid-bigger-rtl-ungroup-icon-margin-right: -8px !default;
123
124
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
124
125
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
125
126
  $grid-bigger-textwrap-sorticon-margin: -9px 10px !default;
@@ -138,6 +139,8 @@ $grid-device-filterbarcell-padding: $grid-content-padding 12px !default;
138
139
  $grid-device-filterbarcell-firstchild-padding: $grid-content-padding 12px $grid-content-padding 16px !default;
139
140
  $grid-device-filterbarcell-lastchild-padding: $grid-content-padding 16px $grid-content-padding 12px !default;
140
141
  $grid-device-gridheader-row-span-padding: 20px !default;
142
+ $grid-touch-device-hdrcell-span-line-height: 26px !default;
143
+ $grid-touch-device-hdrcell-ungroup-line-height: 23px !default;
141
144
  $grid-edit-input-bigger-padding-bottom: 0 !default;
142
145
  $grid-edit-input-bigger-padding-top: 0 !default;
143
146
  $grid-edit-input-bigger-device-padding-bottom: 0 !default;
@@ -196,6 +199,7 @@ $grid-content-right-padding: 8px !default;
196
199
  $grid-first-last-rowcell-padding: 8px !default;
197
200
  $grid-toolbar-search-margin-bottom: 0 !default;
198
201
  $grid-toolbar-search-width: 230px !default;
202
+ $grid-bigger-toolbar-search-width: $grid-toolbar-search-width !default;
199
203
  $grid-toolbar-search-icon-min-width: 32px !default;
200
204
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
201
205
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
@@ -218,6 +222,7 @@ $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
218
222
  $grid-res-toolbar-clear-icon-width: 100% !default;
219
223
  $grid-res-toolbar-clear-icon-margin: 0 !default;
220
224
  $grid-res-toolbar-search-clear-icon-font-size: 17px !default;
225
+ $grid-res-toolbar-search-icon-font-size: 18px !default;
221
226
  $grid-res-toolbar-search-wrapper-padding: 5px 18px 5px 0 !default;
222
227
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
223
228
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -245,8 +250,8 @@ $grid-fltr-sortnumber-rightalign-margin: 8px 0 0 20px !default;
245
250
  $grid-sortnumber-rightalign-margin: $grid-fltr-sortnumber-rightalign-margin !default;
246
251
  $grid-sortnumer-line-height: 15px !default;
247
252
  $grid-bigger-sortnumer-line-height: $grid-sortnumer-line-height !default;
248
- $grid-sortdiv-right-align-margin: -29px -5px !default;
249
- $grid-sortdiv-margin: -29px -10px !default;
253
+ $grid-sortdiv-right-align-margin: -29px 5px !default;
254
+ $grid-sortdiv-margin: -29px 0 !default;
250
255
  $grid-sortdiv-padding: 15px 0 !default;
251
256
  $grid-ungroup-button-line-height: 23px !default;
252
257
  $grid-ungroup-button-font-size: 10px !default;
@@ -294,11 +299,12 @@ $grid-edit-input-margin: 2px !default;
294
299
  $grid-edit-cell-padding: 2px !default;
295
300
  $grid-group-height: 52px !default;
296
301
  $grid-ungroup-rtl-padding-top: 4px !default;
302
+ $grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
297
303
  $grid-rtl-group-headercell-margin-right: 8px !default;
298
304
  $grid-rtl-group-headercell-margin-left: 0 !default;
299
305
  $grid-fltr-rtl-sortnumber-margin: 9px 0 0 9px !default;
300
306
  $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
301
- $grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 6px !default;
307
+ $grid-fltr-rtl-sortnumber-rightalign-margin: 8px 0 0 6px !default;
302
308
  $grid-rtl-sortnumber-rightalign-margin: 7px 0 0 12px !default;
303
309
  $grid-rtl-sortcelldiv-margin: -29px 10px !default;
304
310
  $grid-rtl-sortcelldiv-right-align-margin: -29px -8px !default;
@@ -311,20 +317,20 @@ $grid-rtl-headercell-border-width: 0 !default;
311
317
  $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
312
318
  $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
313
319
  $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
314
- $grid-ungroup-rtl-padding-right: -10px !default;
320
+ $grid-ungroup-rtl-padding-right: -8px !default;
315
321
  $grid-headercelldiv-padding: 0 1.8em 0 .4em !default;
316
322
  $grid-headercell-div-padding: 0 .4em !default;
317
323
  $grid-group-text-width: auto !default;
318
324
  $grid-grouptopleftcell-border-top: 2px solid !default;
319
325
  $grid-group-caption-font-size: 14px !default;
320
326
  $grid-group-caption-header-padding: .7em !default;
321
- $group-sorticon-margin-left: -8px !default;
327
+ $group-sorticon-margin-left: -6px !default;
322
328
  $group-sorticon-margin-top: -3px !default;
323
329
  $grid-bigger-headercell-line-height: 44px !default;
324
330
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
325
331
  $grid-bigger-rowcell-line-height: 27px !default;
326
332
  $grid-bigger-font-size: 14px !default;
327
- $group-unpgrouicon-margin-left: -8px !default;
333
+ $group-unpgrouicon-margin-left: -6px !default;
328
334
  $grid-group-ungroupicon-margin-left: -8px !default;
329
335
  $grid-group-clone-text-align: left !default;
330
336
  $grid-clone-padding: 2px 4px 1px !default;
@@ -348,14 +354,15 @@ $grid-bigger-icons-font-size: 14px !default;
348
354
  $group-collapse-icon-text-indent: 11px !default;
349
355
  $grid-bigger-grouparea-font-size: 14px !default;
350
356
  $grid-bigger-grouped-headercell-border-radius: 6px !default;
351
- $grid-bigger-groupedcell-icons-marign-left: -8px !default;
357
+ $grid-bigger-groupedcell-icons-marign-left: -6px !default;
352
358
  $grid-bigger-ungroupbutton-icons-font-size: 14px !default;
353
359
  $grid-bigger-groupcell-span-padding: 0 8px !default;
354
360
  $grid-device-grouped-headercell-span-padding: 0 8px !default;
355
- $grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
361
+ $grid-bigger-ungroupbutton-icon-margin-left: -5px !default;
356
362
  $grid-bigger-ungroupbutton-icon-margin-top: -3px !default;
357
363
  $grid-device-ungroupbutton-icon-margin-top: -3px !default;
358
364
  $grid-bigger-groupcell-span-line-height: 37px !default;
365
+ $grid-bigger-groupcell-span-height: $grid-bigger-groupcell-span-line-height !default;
359
366
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
360
367
  $grid-gd-clone-border-radius: 4px !default;
361
368
  $grid-bigger-group-clone-broder-radius: 6px !default;
@@ -385,7 +392,8 @@ $grid-filterbarcell-text-input: 32px !default;
385
392
  $grid-bigger-filterbarcell-text-input: 39px !default;
386
393
  $grid-columnchooser-li-padding: 8px 0 !default;
387
394
  $grid-edit-input-bigger-margin: 2px !default;
388
- $grid-device-ungroupbutton-line-height: 37px !default;
395
+ $grid-device-ungroupbutton-line-height: 39px !default;
396
+ $grid-device-groupsort-margin-top: 0;
389
397
  $grid-device-groupheadercell-span-line-height: 33px !default;
390
398
  $frozen-border-color: $brand-primary !default;
391
399
  $grid-frozenborder-disabled-color: $content-bg-color !default;
@@ -408,25 +416,26 @@ $grid-bigger-checkbox-padding-topbottom: 9px !default;
408
416
  $grid-bigger-checkbox-content-padding-left: 9.75px !default;
409
417
  $grid-rtl-bigger-checkbox-content-padding-left: 18.75px !default;
410
418
  $grid-fltrdiv-margin: -20px -7px !default;
411
- $grid-rtl-fltrdiv-margin: -20px 0 -20px -36px !default;
412
- $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -25px !default;
419
+ $grid-rtl-fltrdiv-margin: -20px 0 -20px -30px !default;
420
+ $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -30px !default;
413
421
  $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
414
422
  $grid-bigger-fltrdiv-margin: -21px -7px !default;
415
- $grid-sortdiv-filtericon-margin: -29px 10px -29px 0 !default;
416
- $grid-sortdiv-filtericon-rightalign-margin: -29px -11px 0 0 !default;
423
+ $grid-sortdiv-filtericon-margin: -29px 20px -29px 0 !default;
424
+ $grid-sortdiv-filtericon-rightalign-margin: -29px -11px 0 7px !default;
417
425
  $grid-rtl-sortdiv-filtericon-rightalign-margin: -29px 0 0 10px !default;
418
426
  $grid-rtl-sortdiv-filtericon-margin: -29px 0 0 10px !default;
419
427
  $grid-bigger-fltricon-sortdiv-rightalign-margin: -30px -20px 0 0 !default;
420
428
  $grid-bigger-fltricon-sortdiv-margin: -30px 16px -30px 0 !default;
421
- $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 22px !default;
429
+ $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 8px !default;
422
430
  $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px -8px 0 10px !default;
423
431
  $grid-column-menu-sub-menu-box-shadow: 0 6px 12px rgba($shadow, .175) !default;
424
432
  $grid-bigger-checkbox-filter-min-height: 360px !default;
425
433
  $grid-checkbox-filter-min-height: 338px !default;
426
- $grid-column-menu-margin: -20px !default;
434
+ $grid-column-menu-margin: -20.5px -20px !default;
427
435
  $grid-column-menu-padding: 6px !default;
428
436
  $grid-textwrap-column-menu-margin: -15px -20px -20px -20px !default;
429
- $grid-bigger-column-menu-margin: -20px -18px !default;
437
+ $grid-bigger-column-menu-margin: -20px -20px !default;
438
+ $grid-bigger-device-column-menu-margin: -20px -18px !default;
430
439
  $grid-column-menu-top-touch: 31px !default;
431
440
  $grid-column-menu-bottom-touch: 31px !default;
432
441
  $grid-column-menu-right-touch: 23px !default;
@@ -450,6 +459,7 @@ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -30px 14px !defau
450
459
  $grid-drag-font-size: 12px !default;
451
460
  $grid-drag-icon-font-weight: bold !default;
452
461
  $grid-drag-move-icon: 10px !default;
462
+ $grid-drag-area-border: 1px solid !default;
453
463
  $grid-dragdrop-padding: 2px !default;
454
464
  $grid-dragborder-box-shadow: 0 2px 0 0 $brand-primary !default;
455
465
  $grid-dragborder-position: relative !default;
@@ -472,10 +482,10 @@ $grid-unboundcelldiv-margin: 0 3.5px !default;
472
482
  $grid-bigger-flmenu-padding: $grid-flmenu-padding !default;
473
483
  $grid-rowcell-wrap-height: 18px !default;
474
484
  $grid-rowcell-wrap-max-height: 36px !default;
475
- $grid-bigger-fltr-sortnumber-rightalign-margin: $grid-sortnumber-rightalign-margin !default;
485
+ $grid-bigger-fltr-sortnumber-rightalign-margin: 8px 0 0 12px !default;
476
486
  $grid-bigger-sortnumber-rightalign-margin: 7px 0 0 20px !default;
477
487
  $grid-bigger-columnmenu-bottom: 16px !default;
478
- $grid-bigger-sortnumber-margin: $grid-sortnumber-margin !default;
488
+ $grid-bigger-sortnumber-margin: 7px 0 0 2px !default;
479
489
  $grid-bigger-fltr-sortnumber-margin: $grid-bigger-sortnumber-margin !default;
480
490
  $grid-rtl-searchclear: 0 !default;
481
491
  $grid-column-chosser-searchdiv-top: -46px !default;
@@ -487,7 +497,7 @@ $grouped-bigger-text-font-size: 16px !default;
487
497
  $grid-bigger-ungroupbutton-icon-margin-right: 0 !default;
488
498
  $grid-bigger-ungroupbutton-icon-padding-top: 0 !default;
489
499
  $grid-bigger-font-size: $grid-font-size !default;
490
- $grid-rtl-bigger-rightalign-fltrdiv-margin: $grid-rtl-bigger-fltrdiv-margin !default;
500
+ $grid-rtl-bigger-rightalign-fltrdiv-margin: -20px 0 -18px -23px !default;
491
501
  $grid-bigger-rtl-ungroup-icon-margin-left: 0 !default;
492
502
  $grid-grouparea-font-weight: lighter !default;
493
503
  $grid-ungroup-rtl-margin-left: 0 !default;
@@ -536,6 +546,7 @@ $grid-responsive-search-icon-right: 9px !default;
536
546
  $grid-responsive-search-padding-right: 18px !default;
537
547
  $grid-responsive-search-padding-left: 18px !default;
538
548
  $grid-responsive-header-background: $grey-white !default;
549
+ $grid-bigger-res-dlg-hdr-padding: 16px !default;
539
550
  $grid-responsive-header-search: -3px !default;
540
551
  $grid-responsive-filter-reset-color: $grid-filtered-color !default;
541
552
  $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
@@ -583,7 +594,11 @@ $grid-sort-number-size: 15px !default;
583
594
  $grid-bigger-sort-number-size: $grid-sort-number-size !default;
584
595
  $grid-sort-number-font-size: 9px !default;
585
596
  $grid-filter-border-radius: 6px !default;
597
+ $grid-bigger-filter-border-radius: $grid-filter-border-radius !default;
586
598
  $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
599
+ $grid-adaptive-cell-padding-bottom: 5px !default;
600
+ $grid-adaptive-cell-padding-top: 5px !default;
601
+ $grid-bigger-adaptive-cell-position-top: 6px !default;
587
602
  $grid-bigger-sort-margin: -29px 3px !default;
588
603
  $grid-bigger-sort-right-margin: 7px 2px 0 0 !default;
589
604
  $grid-skin: 'bootstrap' !default;
@@ -594,6 +609,7 @@ $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !de
594
609
  $grid-adaptive-sort-clear-button-padding: 5px !default;
595
610
  $grid-cc-margin-top: 2px !default;
596
611
  $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
612
+ $grid-bigger-device-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
597
613
  $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
598
614
  $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
599
615
  $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
package/styles/grid/_bootstrap4-definition.scss CHANGED
@@ -96,6 +96,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
96
96
  $grid-columnchooser-ul-margin: 13px 0 !default;
97
97
  $grid-column-chooser-dlg-footer-padding: 8px !default;
98
98
  $grid-rtl-bigger-sortnumber-margin: 4px 0 0 2px !default;
99
+ $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
99
100
  $grid-rtl-bigger-rightalign-sortnumber-margin: 4px 0 0 12px !default;
100
101
  $grid-rtl-group-text-marign-right: 0 !default;
101
102
  $grid-rtl-group-text-margin-right: 0 !default;
@@ -136,6 +137,8 @@ $grid-device-filterbarcell-padding: $grid-content-padding 12px !default;
136
137
  $grid-device-filterbarcell-firstchild-padding: $grid-content-padding 12px $grid-content-padding 16px !default;
137
138
  $grid-device-filterbarcell-lastchild-padding: $grid-content-padding 16px $grid-content-padding 12px !default;
138
139
  $grid-device-gridheader-row-span-padding: 20px !default;
140
+ $grid-touch-device-hdrcell-span-line-height: 18px !default;
141
+ $grid-touch-device-hdrcell-ungroup-line-height: 18px !default;
139
142
  $grid-edit-input-bigger-padding-bottom: 0 !default;
140
143
  $grid-edit-input-bigger-padding-top: 0 !default;
141
144
  $grid-edit-input-bigger-device-padding-bottom: 0 !default;
@@ -197,6 +200,7 @@ $grid-content-right-padding: 12px !default;
197
200
  $grid-first-last-rowcell-padding: 12px !default;
198
201
  $grid-toolbar-search-margin-bottom: 0 !default;
199
202
  $grid-toolbar-search-width: 230px !default;
203
+ $grid-bigger-toolbar-search-width: $grid-toolbar-search-width !default;
200
204
  $grid-toolbar-search-icon-min-width: 32px !default;
201
205
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
202
206
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
@@ -219,6 +223,7 @@ $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
219
223
  $grid-res-toolbar-clear-icon-width: 100% !default;
220
224
  $grid-res-toolbar-clear-icon-margin: 0 !default;
221
225
  $grid-res-toolbar-search-clear-icon-font-size: 18px !default;
226
+ $grid-res-toolbar-search-icon-font-size: 18px !default;
222
227
  $grid-res-toolbar-search-wrapper-padding: 5px 30px 5px 0 !default;
223
228
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
224
229
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -295,9 +300,10 @@ $grid-edit-input-margin: 2px !default;
295
300
  $grid-edit-cell-padding: 2px !default;
296
301
  $grid-group-height: 52px !default;
297
302
  $grid-ungroup-rtl-padding-top: 4px !default;
303
+ $grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
298
304
  $grid-rtl-group-headercell-margin-right: 8px !default;
299
305
  $grid-rtl-group-headercell-margin-left: 0 !default;
300
- $grid-fltr-rtl-sortnumber-margin: 1px 0 0 10px !default;
306
+ $grid-fltr-rtl-sortnumber-margin: 2px 0 0 10px !default;
301
307
  $grid-rtl-sortnumber-margin: $grid-fltr-rtl-sortnumber-margin !default;
302
308
  $grid-fltr-rtl-sortnumber-rightalign-margin: 2px 0 0 5px !default;
303
309
  $grid-rtl-sortnumber-rightalign-margin: 2px 0 0 10px !default;
@@ -307,25 +313,25 @@ $grid-rtl-bigger-sortcelldiv-right-align-margin: -29px -10px !default;
307
313
  $grid-rtl-bigger-sortcelldiv-margin: -31px 5px !default;
308
314
  $grid-rtl-grouped-headercell-padding: 0 !default;
309
315
  $grid-rtl-group-text-margin-left: 0 !default;
310
- $grid-rtl-group-sorticon-margin-right: -10px !default;
316
+ $grid-rtl-group-sorticon-margin-right: -8px !default;
311
317
  $grid-rtl-headercell-border-width: 0 !default;
312
318
  $grid-rtl-headercelldiv-padding: 0 .4em 0 1.8em !default;
313
319
  $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
314
320
  $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
315
- $grid-ungroup-rtl-padding-right: -12px !default;
321
+ $grid-ungroup-rtl-padding-right: -10px !default;
316
322
  $grid-headercelldiv-padding: 0 20px 0 5px !default;
317
323
  $grid-headercell-div-padding: 0 .4em !default;
318
324
  $grid-group-text-width: auto !default;
319
325
  $grid-grouptopleftcell-border-top: 2px solid !default;
320
326
  $grid-group-caption-font-size: 14px !default;
321
327
  $grid-group-caption-header-padding: .7em !default;
322
- $group-sorticon-margin-left: -8px !default;
328
+ $group-sorticon-margin-left: -6px !default;
323
329
  $group-sorticon-margin-top: 0 !default;
324
330
  $grid-bigger-headercell-line-height: 50px !default;
325
331
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
326
332
  $grid-bigger-rowcell-line-height: 24px !default;
327
333
  $grid-bigger-font-size: 16px !default;
328
- $group-unpgrouicon-margin-left: -8px !default;
334
+ $group-unpgrouicon-margin-left: -6px !default;
329
335
  $grid-group-ungroupicon-margin-left: -8px !default;
330
336
  $grid-group-clone-text-align: left !default;
331
337
  $grid-clone-padding: 2px 8px 1px !default;
@@ -349,14 +355,16 @@ $grid-bigger-icons-font-size: 16px !default;
349
355
  $group-collapse-icon-text-indent: 11px !default;
350
356
  $grid-bigger-grouparea-font-size: 16px !default;
351
357
  $grid-bigger-grouped-headercell-border-radius: 6px !default;
352
- $grid-bigger-groupedcell-icons-marign-left: -8px !default;
358
+ $grid-bigger-groupedcell-icons-marign-left: -6px !default;
353
359
  $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
354
360
  $grid-bigger-groupcell-span-padding: 8px 4px 10px 12px !default;
355
361
  $grid-device-grouped-headercell-span-padding: 0 4px 0 12px !default;
356
- $grid-bigger-ungroupbutton-icon-margin-left: -7px !default;
362
+ $grid-bigger-ungroupbutton-icon-margin-left: -5px !default;
363
+ $grid-device-ungroupbutton-icon-margin-top: -1px !default;
357
364
  $grid-bigger-ungroupbutton-icon-margin-top: -1px !default;
358
365
  $grid-device-ungroupbutton-icon-margin-top: -1px !default;
359
- $grid-bigger-groupcell-span-line-height: 24px !default;
366
+ $grid-bigger-groupcell-span-line-height: 6px !default;
367
+ $grid-bigger-groupcell-span-height: 24px !default;
360
368
  $grid-bigger-gdownarrow-icon-font-size: 12px !default;
361
369
  $grid-gd-clone-border-radius: 4px !default;
362
370
  $grid-bigger-group-clone-broder-radius: 6px !default;
@@ -386,7 +394,8 @@ $grid-filterbarcell-text-input: 32px !default;
386
394
  $grid-bigger-filterbarcell-text-input: 39px !default;
387
395
  $grid-columnchooser-li-padding: 7px 0 !default;
388
396
  $grid-edit-input-bigger-margin: 2px !default;
389
- $grid-device-ungroupbutton-line-height: 37px !default;
397
+ $grid-device-ungroupbutton-line-height: 36px !default;
398
+ $grid-device-groupsort-margin-top: 3px;
390
399
  $grid-device-groupheadercell-span-line-height: 33px !default;
391
400
  $frozen-border-color: $gray-600 !default;
392
401
  $grid-frozenborder-disabled-color: $content-bg !default;
@@ -410,7 +419,7 @@ $grid-bigger-checkbox-content-padding-left: 7px !default;
410
419
  $grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
411
420
  $grid-fltrdiv-margin: -19px -7px !default;
412
421
  $grid-rtl-fltrdiv-margin: -19px 0 -20px -36px !default;
413
- $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -52px !default;
422
+ $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -36px !default;
414
423
  $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
415
424
  $grid-bigger-fltrdiv-margin: -20px -7px !default;
416
425
  $grid-icon-save: 'e964' !default;
@@ -421,7 +430,7 @@ $grid-rtl-sortdiv-filtericon-rightalign-margin: -29px 0 0 10px !default;
421
430
  $grid-rtl-sortdiv-filtericon-margin: -29px 0 0 10px !default;
422
431
  $grid-bigger-fltricon-sortdiv-rightalign-margin: -30px -20px 0 -6px !default;
423
432
  $grid-bigger-fltricon-sortdiv-margin: -30px 18px -31px 0 !default;
424
- $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 14px !default;
433
+ $grid-rtl-bigger-fltricon-sortdiv-margin: -29px 0 0 8px !default;
425
434
  $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -29px 18px 0 10px !default;
426
435
  $grid-shadow: #000 !default;
427
436
  $grid-column-menu-sub-menu-box-shadow: 0 6px 12px rgba($grid-shadow, .175) !default;
@@ -430,7 +439,8 @@ $grid-checkbox-filter-min-height: 328px !default;
430
439
  $grid-column-menu-margin: -19px !default;
431
440
  $grid-column-menu-padding: 6px !default;
432
441
  $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
433
- $grid-bigger-column-menu-margin: -19px !default;
442
+ $grid-bigger-column-menu-margin: -20.5px -19px !default;
443
+ $grid-bigger-device-column-menu-margin: -20px !default;
434
444
  $grid-column-menu-top-touch: 31px !default;
435
445
  $grid-column-menu-bottom-touch: 32px !default;
436
446
  $grid-column-menu-right-touch: 23px !default;
@@ -454,6 +464,7 @@ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -35px 14px !defau
454
464
  $grid-drag-font-size: 12px !default;
455
465
  $grid-drag-icon-font-weight: bold !default;
456
466
  $grid-drag-move-icon: 10px !default;
467
+ $grid-drag-area-border: 1px solid !default;
457
468
  $grid-dragdrop-padding: 2px !default;
458
469
  $grid-dragborder-box-shadow: 0 2px 0 0 #317ab9 !default;
459
470
  $grid-dragborder-position: relative !default;
@@ -540,6 +551,7 @@ $grid-responsive-search-icon-right: 9px !default;
540
551
  $grid-responsive-search-padding-right: 18px !default;
541
552
  $grid-responsive-search-padding-left: 18px !default;
542
553
  $grid-responsive-header-background: $content-popup-bg !default;
554
+ $grid-bigger-res-dlg-hdr-padding: 16px !default;
543
555
  $grid-responsive-header-search: -3px !default;
544
556
  $grid-responsive-filter-reset-color: $grid-filtered-color !default;
545
557
  $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
@@ -565,7 +577,7 @@ $grid-responsive-apply-btn-top: 3px !default;
565
577
 
566
578
  $grid-rtl-headercelldiv-left-align-margin: 10px !default;
567
579
  $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
568
- $grid-rtl-sort-num-left-align-margin: 4px -2px 0 0 !default;
580
+ $grid-rtl-sort-num-left-align-margin: 2px -2px 0 0 !default;
569
581
  $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
570
582
  $grid-rowcell-color: $grid-content-font-color !default !default;
571
583
  $grid-reorderarrow-margin-top: -7.5px !default;
@@ -587,7 +599,11 @@ $grid-sort-number-size: 15px !default;
587
599
  $grid-bigger-sort-number-size: $grid-sort-number-size !default;
588
600
  $grid-sort-number-font-size: 9px !default;
589
601
  $grid-filter-border-radius: 0 !default;
602
+ $grid-bigger-filter-border-radius: $grid-filter-border-radius !default;
590
603
  $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
604
+ $grid-adaptive-cell-padding-bottom: 5px !default;
605
+ $grid-adaptive-cell-padding-top: 5px !default;
606
+ $grid-bigger-adaptive-cell-position-top: 6px !default;
591
607
  $grid-bigger-sort-margin: -29px 3px !default;
592
608
  $grid-bigger-sort-right-margin: 4px 2px 0 0 !default;
593
609
  $grid-skin: 'bootstrap4' !default;
@@ -597,7 +613,8 @@ $grid-bigger-drag-count-top: -10px !default;
597
613
  $grid-bigger-check-select-all-font-size: $grid-bigger-header-icons-font-size !default;
598
614
  $grid-adaptive-sort-clear-button-padding: 5px !default;
599
615
  $grid-cc-margin-top: 0 !default;
600
- $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
616
+ $grid-bigger-rtl-cm-margin: -20.5px -18px -18px -22px !default;
617
+ $grid-bigger-device-rtl-cm-margin: -20px -18px -18px -22px !default;
601
618
  $grid-bigger-rtl-group-span-padding: 8px 4px 10px 8px !default;
602
619
  $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
603
620
  $grid-rtl-group-span-padding: 0 8px !default;
package/styles/grid/_bootstrap5-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: 4px 0 0 -20px !default;
95
+ $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
95
96
  $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
96
97
  $grid-rtl-group-text-marign-right: 0 !default;
97
98
  $grid-rtl-group-text-margin-right: 0 !default;
@@ -113,7 +114,7 @@ $grid-bigger-group-text-line-height: 24px !default;
113
114
  $grid-bigger-groupcaption-line-height: 20px !default;
114
115
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
115
116
  $grid-bigger-rtl-group-headercell-padding: 7px 6px 7px 9px !default;
116
- $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
117
+ $grid-bigger-rtl-ungroup-icon-margin-right: -10px !default;
117
118
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
118
119
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
119
120
  $grid-bigger-textwrap-sorticon-margin: -9px 10px !default;
@@ -132,6 +133,9 @@ $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: 21px !default;
137
+ $grid-touch-device-hdrcell-ungroup-line-height: 20px !default;
138
+ $grid-device-groupsort-margin-top: 0;
135
139
  $grid-edit-input-bigger-padding-bottom: 0 !default;
136
140
  $grid-edit-input-bigger-padding-top: 0 !default;
137
141
  $grid-edit-input-bigger-device-padding-bottom: 0 !default;
@@ -193,6 +197,7 @@ $grid-content-right-padding: 8px !default;
193
197
  $grid-first-last-rowcell-padding: 8px !default;
194
198
  $grid-toolbar-search-margin-bottom: 0 !default;
195
199
  $grid-toolbar-search-width: 230px !default;
200
+ $grid-bigger-toolbar-search-width: $grid-toolbar-search-width !default;
196
201
  $grid-toolbar-search-icon-min-width: 32px !default;
197
202
  $grid-toolbar-search-wrapper-padding-bottom: 3px !default;
198
203
  $grid-toolbar-search-wrapper-padding-top: 3px !default;
@@ -215,6 +220,7 @@ $grid-rtl-responsive-toolbar-search-clear-icon-margin: 0 !default;
215
220
  $grid-res-toolbar-clear-icon-width: 100% !default;
216
221
  $grid-res-toolbar-clear-icon-margin: 0 !default;
217
222
  $grid-res-toolbar-search-clear-icon-font-size: $text-base !default;
223
+ $grid-res-toolbar-search-icon-font-size: 16px !default;
218
224
  $grid-res-toolbar-search-wrapper-padding: 5px 25px 5px 0 !default;
219
225
  $grid-res-toolbar-search-icon-padding-left: 0 !default;
220
226
  $grid-bigger-toolbar-search-icon-min-width: 38px !default;
@@ -236,10 +242,10 @@ $grid-summary-template-row-bg-color: '' !default;
236
242
  $grid-summary-row-bg-color: $content-bg-color-alt1 !default;
237
243
  $grid-sortdiv-width: 18px !default;
238
244
  $grid-sortdiv-height: 18px !default;
239
- $grid-sortnumber-margin: 1px 10px 1px 8px !default;
240
- $grid-fltr-sortnumber-margin: 1px 8px 1px 8px !default;
241
- $grid-fltr-sortnumber-rightalign-margin: 1px 8px 0 10px !default;
242
- $grid-sortnumber-rightalign-margin: 1px 8px 0 10px !default;
245
+ $grid-sortnumber-margin: 2px 10px 1px 8px !default;
246
+ $grid-fltr-sortnumber-margin: 2px 8px 1px 8px !default;
247
+ $grid-fltr-sortnumber-rightalign-margin: 2px 8px 0 10px !default;
248
+ $grid-sortnumber-rightalign-margin: 2px 8px 0 10px !default;
243
249
  $grid-sortnumer-line-height: 14px !default;
244
250
  $grid-bigger-sortnumer-line-height: 16px !default;
245
251
  $grid-sortdiv-right-align-margin: -10px 8px -12px -2px !default;
@@ -291,6 +297,7 @@ $grid-edit-input-margin: 1px !default;
291
297
  $grid-edit-cell-padding: 2px !default;
292
298
  $grid-group-height: 36px !default;
293
299
  $grid-ungroup-rtl-padding-top: 2px !default;
300
+ $grid-bigger-ungroup-rtl-padding-top: $grid-ungroup-rtl-padding-top !default;
294
301
  $grid-rtl-group-headercell-margin-right: 5px !default;
295
302
  $grid-rtl-group-headercell-margin-left: 0 !default;
296
303
  $grid-fltr-rtl-sortnumber-margin: 1px 0 0 12px !default;
@@ -303,25 +310,25 @@ $grid-rtl-bigger-sortcelldiv-right-align-margin: -12px 4px -12px -2px !default;
303
310
  $grid-rtl-bigger-sortcelldiv-margin: -12px 4px -12px -4px !default;
304
311
  $grid-rtl-grouped-headercell-padding: 5px 0 !default;
305
312
  $grid-rtl-group-text-margin-left: 0 !default;
306
- $grid-rtl-group-sorticon-margin-right: -10px !default;
313
+ $grid-rtl-group-sorticon-margin-right: -7px !default;
307
314
  $grid-rtl-headercell-border-width: 0 !default;
308
315
  $grid-rtl-headercelldiv-padding: 0 .4em 0 2.8em !default;
309
316
  $grid-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
310
317
  $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
311
- $grid-ungroup-rtl-padding-right: -12px !default;
318
+ $grid-ungroup-rtl-padding-right: -9px !default;
312
319
  $grid-headercelldiv-padding: 0 20px 0 5px !default;
313
320
  $grid-headercell-div-padding: 0 .4em !default;
314
321
  $grid-group-text-width: auto !default;
315
322
  $grid-grouptopleftcell-border-top: 2px solid !default;
316
323
  $grid-group-caption-font-size: $text-sm !default;
317
324
  $grid-group-caption-header-padding: .5em !default;
318
- $group-sorticon-margin-left: -8px !default;
325
+ $group-sorticon-margin-left: -6px !default;
319
326
  $group-sorticon-margin-top: -.5px !default;
320
327
  $grid-bigger-headercell-line-height: 40px !default;
321
328
  $grid-bigger-rhandler-height: $grid-bigger-headercell-line-height !default;
322
329
  $grid-bigger-rowcell-line-height: 24px !default;
323
330
  $grid-bigger-font-size: $text-base !default;
324
- $group-unpgrouicon-margin-left: -12px !default;
331
+ $group-unpgrouicon-margin-left: -10px !default;
325
332
  $grid-group-ungroupicon-margin-left: -12px !default;
326
333
  $grid-group-clone-text-align: left !default;
327
334
  $grid-clone-padding: 2px 8px 1px !default;
@@ -345,14 +352,15 @@ $grid-bigger-icons-font-size: $text-base !default;
345
352
  $group-collapse-icon-text-indent: 11px !default;
346
353
  $grid-bigger-grouparea-font-size: $grid-bigger-content-font-size !default;
347
354
  $grid-bigger-grouped-headercell-border-radius: 0 !default;
348
- $grid-bigger-groupedcell-icons-marign-left: -8px !default;
355
+ $grid-bigger-groupedcell-icons-marign-left: -6px !default;
349
356
  $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
350
357
  $grid-bigger-groupcell-span-padding: 0 8px !default;
351
358
  $grid-device-grouped-headercell-span-padding: 0 8px !default;
352
- $grid-bigger-ungroupbutton-icon-margin-left: -12px !default;
359
+ $grid-bigger-ungroupbutton-icon-margin-left: -10px !default;
353
360
  $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
354
361
  $grid-device-ungroupbutton-icon-margin-top: 0 !default;
355
362
  $grid-bigger-groupcell-span-line-height: 24px !default;
363
+ $grid-bigger-groupcell-span-height: $grid-bigger-groupcell-span-line-height !default;
356
364
  $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
357
365
  $grid-gd-clone-border-radius: 4px !default;
358
366
  $grid-bigger-group-clone-broder-radius: 6px !default;
@@ -382,8 +390,8 @@ $grid-filterbarcell-text-input: 32px !default;
382
390
  $grid-bigger-filterbarcell-text-input: 39px !default;
383
391
  $grid-columnchooser-li-padding: 7px 0 !default;
384
392
  $grid-edit-input-bigger-margin: 2px !default;
385
- $grid-device-ungroupbutton-line-height: 37px !default;
386
- $grid-device-groupheadercell-span-line-height: 33px !default;
393
+ $grid-device-ungroupbutton-line-height: 24px !default;
394
+ $grid-device-groupheadercell-span-line-height: 24px !default;
387
395
  $frozen-border-color: $border-light !default;
388
396
  $grid-frozenborder-disabled-color: $content-bg-color !default;
389
397
  $grid-freezeline-right-border: rgba($primary-light, 1) !default;
@@ -409,10 +417,10 @@ $grid-rtl-fltrdiv-margin: -12px 8px -12px -2px !default;
409
417
  $grid-rtl-bigger-fltrdiv-margin: -14px 4px -14px -2px !default;
410
418
  $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
411
419
  $grid-bigger-fltrdiv-margin: -14px -2px -14px 4px !default;
412
- $grid-sortdiv-filtericon-margin: -13px 24px -12px 8px !default;
413
- $grid-sortdiv-filtericon-rightalign-margin: -13px 8px -12px 13px !default;
414
- $grid-rtl-sortdiv-filtericon-rightalign-margin: -13px 8px -12px 24px !default;
415
- $grid-rtl-sortdiv-filtericon-margin: -13px 8px -13px 24px !default;
420
+ $grid-sortdiv-filtericon-margin: -12px 24px -12px 8px !default;
421
+ $grid-sortdiv-filtericon-rightalign-margin: -12px 8px -12px 13px !default;
422
+ $grid-rtl-sortdiv-filtericon-rightalign-margin: -12px 8px -12px 24px !default;
423
+ $grid-rtl-sortdiv-filtericon-margin: -12px 8px -13px 24px !default;
416
424
  $grid-bigger-fltricon-sortdiv-rightalign-margin: -14px 4px -14px -2px !default;
417
425
  $grid-bigger-fltricon-sortdiv-margin: -14px 22px -14px 4px !default;
418
426
  $grid-rtl-bigger-fltricon-sortdiv-margin: -14px 4px -14px 24px !default;
@@ -420,10 +428,11 @@ $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -14px 4px -14px 22px !defau
420
428
  $grid-column-menu-sub-menu-box-shadow: $shadow !default;
421
429
  $grid-bigger-checkbox-filter-min-height: 360px !default;
422
430
  $grid-checkbox-filter-min-height: 307px !default;
423
- $grid-column-menu-margin: -12px -18px -12px 8px !default;
431
+ $grid-column-menu-margin: -13px -18px -12px 8px !default;
424
432
  $grid-column-menu-padding: 2px !default;
425
433
  $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
426
- $grid-bigger-column-menu-margin: -12px -16px !default;
434
+ $grid-bigger-column-menu-margin: -12px -18px -12px 8px !default;
435
+ $grid-bigger-device-column-menu-margin: -16px -16px !default;
427
436
  $grid-column-menu-top-touch: 21px !default;
428
437
  $grid-column-menu-bottom-touch: 23px !default;
429
438
  $grid-column-menu-right-touch: 23px !default;
@@ -444,6 +453,7 @@ $grid-header-wrap-filtericon-rightalign-sortfilter-div-margin: -20px 14px !defau
444
453
  $grid-drag-font-size: $text-sm !default;
445
454
  $grid-drag-icon-font-weight: $font-weight-bold !default;
446
455
  $grid-drag-move-icon: 10px !default;
456
+ $grid-drag-area-border: 1px solid !default;
447
457
  $grid-dragdrop-padding: 2px !default;
448
458
  $grid-dragborder-box-shadow: 0 2px 0 0 $primary-border-color !default;
449
459
  $grid-dragborder-position: relative !default;
@@ -466,11 +476,11 @@ $grid-unboundcelldiv-margin: 0 4px !default;
466
476
  $grid-bigger-flmenu-padding: 16px 0 0 !default;
467
477
  $grid-rowcell-wrap-height: 21px !default;
468
478
  $grid-rowcell-wrap-max-height: 36px !default;
469
- $grid-bigger-fltr-sortnumber-rightalign-margin: 1px 4px 0 -6px !default;
470
- $grid-bigger-sortnumber-rightalign-margin: 3px 4px 0 6px !default;
479
+ $grid-bigger-fltr-sortnumber-rightalign-margin: 2px 4px 0 -6px !default;
480
+ $grid-bigger-sortnumber-rightalign-margin: 2px 4px 0 6px !default;
471
481
  $grid-bigger-columnmenu-bottom: 13px !default;
472
- $grid-bigger-sortnumber-margin: 3px 4px 0 4px !default;
473
- $grid-bigger-fltr-sortnumber-margin: 1px 4px 0 -6px !default;
482
+ $grid-bigger-sortnumber-margin: 2px 4px 0 4px !default;
483
+ $grid-bigger-fltr-sortnumber-margin: 2px 4px 0 -6px !default;
474
484
  $grid-rtl-searchclear: 0 !default;
475
485
  $grid-column-chosser-searchdiv-top: -41px !default;
476
486
  $grid-reorderarrow-font-size: $text-xxs !default;
@@ -488,7 +498,7 @@ $grid-ungroup-rtl-margin-left: 0 !default;
488
498
  $grid-rtl-group-sorticon-margin-left: -5px !default;
489
499
  $grid-rtl-column-menu-left: 23px !default;
490
500
  $grid-checkboxfiltertext-width: 150px !default;
491
- $grid-rtl-column-menu-margin: -13px 8px -12px -22px !default;
501
+ $grid-rtl-column-menu-margin: -12px 8px -12px -20px !default;
492
502
  $grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
493
503
  $grid-filter-checkbox-width: 0 !default;
494
504
  $grid-filter-checkbox-white-space: nowrap !default;
@@ -529,6 +539,7 @@ $grid-responsive-search-icon-right: 0 !default;
529
539
  $grid-responsive-search-padding-right: 18px !default;
530
540
  $grid-responsive-search-padding-left: 18px !default;
531
541
  $grid-responsive-header-background: $content-bg-color !default;
542
+ $grid-bigger-res-dlg-hdr-padding: 16px !default;
532
543
  $grid-responsive-header-search: 0 !default;
533
544
  $grid-responsive-filter-reset-color: $grid-filtered-color !default;
534
545
  $grid-responsive-toolbar-icon-color: $grid-icon-color !default;
@@ -554,7 +565,7 @@ $grid-responsive-apply-btn-top: 4px !default;
554
565
 
555
566
  $grid-rtl-headercelldiv-left-align-margin: 10px !default;
556
567
  $grid-rtl-filtermenudiv-left-align-margin: -2px !default;
557
- $grid-rtl-sort-num-left-align-margin: 4px 8px 0 0 !default;
568
+ $grid-rtl-sort-num-left-align-margin: 2px 8px 0 0 !default;
558
569
  $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
559
570
  $grid-rowcell-color: $content-text-color !default;
560
571
  $grid-header-text-transform: none !default;
@@ -582,9 +593,13 @@ $grid-sort-number-size: 16px !default;
582
593
  $grid-bigger-sort-number-size: 18px !default;
583
594
  $grid-sort-number-font-size: $text-base !default;
584
595
  $grid-filter-border-radius: 6px !default;
596
+ $grid-bigger-filter-border-radius: $grid-filter-border-radius !default;
585
597
  $grid-adaptive-toolbar-icon-hover-bottom: 0 !default;
598
+ $grid-adaptive-cell-padding-bottom: 5px !default;
599
+ $grid-adaptive-cell-padding-top: 5px !default;
600
+ $grid-bigger-adaptive-cell-position-top: 6px !default;
586
601
  $grid-bigger-sort-margin: -10px 2px !default;
587
- $grid-bigger-sort-right-margin: 3px 8px 0 0 !default;
602
+ $grid-bigger-sort-right-margin: 1px 8px 0 0 !default;
588
603
  $grid-skin: 'bootstrap5' !default;
589
604
  $grid-biggerreorderarrow-font-size: $text-sm !default;
590
605
  $grid-bigger-drag-count-padding: 3px 8px 4px !default;
@@ -593,6 +608,7 @@ $grid-bigger-check-select-all-font-size: $text-xxs !default;
593
608
  $grid-adaptive-sort-clear-button-padding: 4px !default;
594
609
  $grid-cc-margin-top: 4px !default;
595
610
  $grid-bigger-rtl-cm-margin: -12px 4px -12px -22px !default;
611
+ $grid-bigger-device-rtl-cm-margin: -16px 4px -12px -22px !default;
596
612
  $grid-bigger-rtl-group-span-padding: 0 8px !default;
597
613
  $grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
598
614
  $grid-rtl-group-span-padding: 0 8px !default;