@syncfusion/ej2-react-grids 20.2.36 → 20.2.40
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.
- package/CHANGELOG.md +38 -0
- package/dist/ej2-react-grids.umd.min.js +1 -1
- package/package.json +8 -8
- package/styles/bootstrap-dark.css +18 -8
- package/styles/bootstrap.css +17 -7
- package/styles/bootstrap4.css +39 -20
- package/styles/bootstrap5-dark.css +19 -5
- package/styles/bootstrap5.css +19 -5
- package/styles/excel-filter/bootstrap-dark.css +4 -0
- package/styles/excel-filter/bootstrap.css +4 -0
- package/styles/excel-filter/bootstrap4.css +4 -0
- package/styles/excel-filter/bootstrap5-dark.css +4 -0
- package/styles/excel-filter/bootstrap5.css +4 -0
- package/styles/excel-filter/fabric-dark.css +4 -0
- package/styles/excel-filter/fabric.css +4 -0
- package/styles/excel-filter/fluent-dark.css +4 -0
- package/styles/excel-filter/fluent.css +4 -0
- package/styles/excel-filter/highcontrast-light.css +4 -0
- package/styles/excel-filter/highcontrast.css +4 -0
- package/styles/excel-filter/material-dark.css +4 -0
- package/styles/excel-filter/material.css +4 -0
- package/styles/excel-filter/tailwind-dark.css +4 -0
- package/styles/excel-filter/tailwind.css +4 -0
- package/styles/fabric-dark.css +17 -7
- package/styles/fabric.css +19 -9
- package/styles/fluent-dark.css +21 -7
- package/styles/fluent.css +21 -7
- package/styles/grid/bootstrap-dark.css +14 -8
- package/styles/grid/bootstrap.css +13 -7
- package/styles/grid/bootstrap4.css +35 -20
- package/styles/grid/bootstrap5-dark.css +15 -5
- package/styles/grid/bootstrap5.css +15 -5
- package/styles/grid/fabric-dark.css +13 -7
- package/styles/grid/fabric.css +15 -9
- package/styles/grid/fluent-dark.css +17 -7
- package/styles/grid/fluent.css +17 -7
- package/styles/grid/highcontrast-light.css +9 -3
- package/styles/grid/highcontrast.css +13 -7
- package/styles/grid/material-dark.css +14 -8
- package/styles/grid/material.css +13 -7
- package/styles/grid/tailwind-dark.css +13 -6
- package/styles/grid/tailwind.css +13 -6
- package/styles/highcontrast-light.css +13 -3
- package/styles/highcontrast.css +17 -7
- package/styles/material-dark.css +18 -8
- package/styles/material.css +17 -7
- package/styles/tailwind-dark.css +17 -6
- package/styles/tailwind.css +17 -6
package/styles/material.css
CHANGED
|
@@ -196,6 +196,10 @@
|
|
|
196
196
|
padding: 18px;
|
|
197
197
|
padding-top: 4px;
|
|
198
198
|
}
|
|
199
|
+
.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
|
|
200
|
+
height: 26px;
|
|
201
|
+
line-height: 26px;
|
|
202
|
+
}
|
|
199
203
|
.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
|
|
200
204
|
height: 26px;
|
|
201
205
|
line-height: 26px;
|
|
@@ -2399,10 +2403,13 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
2399
2403
|
}
|
|
2400
2404
|
.e-grid .e-rowcell .e-checkbox-wrapper,
|
|
2401
2405
|
.e-grid .e-rowcell .e-css.e-checkbox-wrapper {
|
|
2406
|
+
-webkit-user-select: auto;
|
|
2402
2407
|
height: 20px;
|
|
2403
2408
|
line-height: 20px;
|
|
2404
2409
|
position: relative;
|
|
2405
2410
|
top: 0;
|
|
2411
|
+
-ms-user-select: auto;
|
|
2412
|
+
user-select: auto;
|
|
2406
2413
|
}
|
|
2407
2414
|
.e-grid .e-dialog.e-checkboxfilter,
|
|
2408
2415
|
.e-grid .e-dialog.e-flmenu {
|
|
@@ -2560,16 +2567,16 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
2560
2567
|
.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
|
|
2561
2568
|
.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
|
|
2562
2569
|
font-size: 8px;
|
|
2563
|
-
margin-left:
|
|
2564
|
-
margin-top:
|
|
2570
|
+
margin-left: -1px;
|
|
2571
|
+
margin-top: -4.5px;
|
|
2565
2572
|
position: absolute;
|
|
2566
2573
|
z-index: 10;
|
|
2567
2574
|
}
|
|
2568
2575
|
.e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
|
|
2569
|
-
margin-top:
|
|
2576
|
+
margin-top: -4.5px;
|
|
2570
2577
|
}
|
|
2571
2578
|
.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
|
|
2572
|
-
margin-top:
|
|
2579
|
+
margin-top: 4.5px;
|
|
2573
2580
|
}
|
|
2574
2581
|
.e-grid td.e-active {
|
|
2575
2582
|
font-weight: normal;
|
|
@@ -2696,10 +2703,14 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
2696
2703
|
}
|
|
2697
2704
|
.e-grid .e-icon-gdownarrow {
|
|
2698
2705
|
font-size: 11px;
|
|
2706
|
+
padding: 14px 9px 12px 9px;
|
|
2707
|
+
text-decoration: none;
|
|
2699
2708
|
text-indent: 12px;
|
|
2700
2709
|
}
|
|
2701
2710
|
.e-grid .e-icon-grightarrow {
|
|
2702
2711
|
font-size: 10px;
|
|
2712
|
+
padding: 14px 9px 14px 10px;
|
|
2713
|
+
text-decoration: none;
|
|
2703
2714
|
text-indent: 12px;
|
|
2704
2715
|
}
|
|
2705
2716
|
.e-grid .e-recordplusexpand {
|
|
@@ -3159,7 +3170,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3159
3170
|
.e-grid.e-rtl .e-grouptopleftcell {
|
|
3160
3171
|
border-top: 1px solid;
|
|
3161
3172
|
}
|
|
3162
|
-
.e-grid.e-rtl .e-grouptext {
|
|
3173
|
+
.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
|
|
3163
3174
|
margin-left: 3px;
|
|
3164
3175
|
margin-right: 0;
|
|
3165
3176
|
}
|
|
@@ -3402,7 +3413,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3402
3413
|
.e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
|
|
3403
3414
|
display: inline-block;
|
|
3404
3415
|
}
|
|
3405
|
-
.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-
|
|
3416
|
+
.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
|
|
3406
3417
|
text-overflow: clip;
|
|
3407
3418
|
}
|
|
3408
3419
|
.e-grid .e-clipboard {
|
|
@@ -3540,7 +3551,6 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3540
3551
|
.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
|
|
3541
3552
|
.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
|
|
3542
3553
|
font-size: 8px;
|
|
3543
|
-
margin-top: 0;
|
|
3544
3554
|
}
|
|
3545
3555
|
.e-bigger .e-grid .e-gridheader thead .e-icons,
|
|
3546
3556
|
.e-bigger.e-grid .e-gridheader thead .e-icons {
|
package/styles/tailwind-dark.css
CHANGED
|
@@ -149,6 +149,10 @@
|
|
|
149
149
|
padding: 14px;
|
|
150
150
|
padding-top: 4px;
|
|
151
151
|
}
|
|
152
|
+
.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
|
|
153
|
+
height: 26px;
|
|
154
|
+
line-height: 26px;
|
|
155
|
+
}
|
|
152
156
|
.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
|
|
153
157
|
height: 26px;
|
|
154
158
|
line-height: 26px;
|
|
@@ -1344,7 +1348,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
1344
1348
|
margin-left: -8px;
|
|
1345
1349
|
margin-right: 0;
|
|
1346
1350
|
margin-top: 0;
|
|
1347
|
-
padding-top:
|
|
1351
|
+
padding-top: 1px;
|
|
1348
1352
|
padding-left: 8px;
|
|
1349
1353
|
}
|
|
1350
1354
|
.e-bigger .e-grid .e-groupcaption,
|
|
@@ -2412,10 +2416,13 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
2412
2416
|
}
|
|
2413
2417
|
.e-grid .e-rowcell .e-checkbox-wrapper,
|
|
2414
2418
|
.e-grid .e-rowcell .e-css.e-checkbox-wrapper {
|
|
2419
|
+
-webkit-user-select: auto;
|
|
2415
2420
|
height: 20px;
|
|
2416
2421
|
line-height: 20px;
|
|
2417
2422
|
position: relative;
|
|
2418
2423
|
top: -1.5px;
|
|
2424
|
+
-ms-user-select: auto;
|
|
2425
|
+
user-select: auto;
|
|
2419
2426
|
}
|
|
2420
2427
|
.e-grid .e-dialog.e-checkboxfilter,
|
|
2421
2428
|
.e-grid .e-dialog.e-flmenu {
|
|
@@ -2705,8 +2712,9 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
2705
2712
|
}
|
|
2706
2713
|
.e-grid span.e-ungroupbutton.e-icons {
|
|
2707
2714
|
margin-left: -9px;
|
|
2708
|
-
margin-top:
|
|
2715
|
+
margin-top: 1px;
|
|
2709
2716
|
padding-right: 8px;
|
|
2717
|
+
padding-top: 1px;
|
|
2710
2718
|
}
|
|
2711
2719
|
.e-grid span.e-ungroupbutton.e-icons:hover {
|
|
2712
2720
|
color: #374151;
|
|
@@ -2716,10 +2724,14 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
2716
2724
|
}
|
|
2717
2725
|
.e-grid .e-icon-gdownarrow {
|
|
2718
2726
|
font-size: 14px;
|
|
2727
|
+
padding: 11px 8px 10px 8px;
|
|
2728
|
+
text-decoration: none;
|
|
2719
2729
|
text-indent: 11px;
|
|
2720
2730
|
}
|
|
2721
2731
|
.e-grid .e-icon-grightarrow {
|
|
2722
2732
|
font-size: 14px;
|
|
2733
|
+
padding: 10px 8px 12px 8px;
|
|
2734
|
+
text-decoration: none;
|
|
2723
2735
|
text-indent: 11px;
|
|
2724
2736
|
}
|
|
2725
2737
|
.e-grid .e-recordplusexpand {
|
|
@@ -3184,7 +3196,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3184
3196
|
.e-grid.e-rtl .e-grouptopleftcell {
|
|
3185
3197
|
border-top: 2px solid;
|
|
3186
3198
|
}
|
|
3187
|
-
.e-grid.e-rtl .e-grouptext {
|
|
3199
|
+
.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
|
|
3188
3200
|
margin-left: -8px;
|
|
3189
3201
|
margin-right: 0;
|
|
3190
3202
|
}
|
|
@@ -3289,7 +3301,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3289
3301
|
.e-grid.e-rtl span.e-ungroupbutton.e-icons {
|
|
3290
3302
|
margin-left: 0;
|
|
3291
3303
|
margin-right: -9px;
|
|
3292
|
-
padding-top:
|
|
3304
|
+
padding-top: 1px;
|
|
3293
3305
|
}
|
|
3294
3306
|
.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
|
|
3295
3307
|
border-width: 0 0 0 1px;
|
|
@@ -3427,7 +3439,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3427
3439
|
.e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
|
|
3428
3440
|
display: inline-block;
|
|
3429
3441
|
}
|
|
3430
|
-
.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-
|
|
3442
|
+
.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
|
|
3431
3443
|
text-overflow: clip;
|
|
3432
3444
|
}
|
|
3433
3445
|
.e-grid .e-clipboard {
|
|
@@ -3565,7 +3577,6 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3565
3577
|
.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
|
|
3566
3578
|
.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
|
|
3567
3579
|
font-size: 18px;
|
|
3568
|
-
margin-top: -11px;
|
|
3569
3580
|
}
|
|
3570
3581
|
.e-bigger .e-grid .e-gridheader thead .e-icons,
|
|
3571
3582
|
.e-bigger.e-grid .e-gridheader thead .e-icons {
|
package/styles/tailwind.css
CHANGED
|
@@ -149,6 +149,10 @@
|
|
|
149
149
|
padding: 14px;
|
|
150
150
|
padding-top: 4px;
|
|
151
151
|
}
|
|
152
|
+
.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
|
|
153
|
+
height: 26px;
|
|
154
|
+
line-height: 26px;
|
|
155
|
+
}
|
|
152
156
|
.sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
|
|
153
157
|
height: 26px;
|
|
154
158
|
line-height: 26px;
|
|
@@ -1344,7 +1348,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
1344
1348
|
margin-left: -8px;
|
|
1345
1349
|
margin-right: 0;
|
|
1346
1350
|
margin-top: 0;
|
|
1347
|
-
padding-top:
|
|
1351
|
+
padding-top: 1px;
|
|
1348
1352
|
padding-left: 8px;
|
|
1349
1353
|
}
|
|
1350
1354
|
.e-bigger .e-grid .e-groupcaption,
|
|
@@ -2412,10 +2416,13 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
2412
2416
|
}
|
|
2413
2417
|
.e-grid .e-rowcell .e-checkbox-wrapper,
|
|
2414
2418
|
.e-grid .e-rowcell .e-css.e-checkbox-wrapper {
|
|
2419
|
+
-webkit-user-select: auto;
|
|
2415
2420
|
height: 20px;
|
|
2416
2421
|
line-height: 20px;
|
|
2417
2422
|
position: relative;
|
|
2418
2423
|
top: -1.5px;
|
|
2424
|
+
-ms-user-select: auto;
|
|
2425
|
+
user-select: auto;
|
|
2419
2426
|
}
|
|
2420
2427
|
.e-grid .e-dialog.e-checkboxfilter,
|
|
2421
2428
|
.e-grid .e-dialog.e-flmenu {
|
|
@@ -2705,8 +2712,9 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
2705
2712
|
}
|
|
2706
2713
|
.e-grid span.e-ungroupbutton.e-icons {
|
|
2707
2714
|
margin-left: -9px;
|
|
2708
|
-
margin-top:
|
|
2715
|
+
margin-top: 1px;
|
|
2709
2716
|
padding-right: 8px;
|
|
2717
|
+
padding-top: 1px;
|
|
2710
2718
|
}
|
|
2711
2719
|
.e-grid span.e-ungroupbutton.e-icons:hover {
|
|
2712
2720
|
color: #374151;
|
|
@@ -2716,10 +2724,14 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
2716
2724
|
}
|
|
2717
2725
|
.e-grid .e-icon-gdownarrow {
|
|
2718
2726
|
font-size: 14px;
|
|
2727
|
+
padding: 11px 8px 10px 8px;
|
|
2728
|
+
text-decoration: none;
|
|
2719
2729
|
text-indent: 11px;
|
|
2720
2730
|
}
|
|
2721
2731
|
.e-grid .e-icon-grightarrow {
|
|
2722
2732
|
font-size: 14px;
|
|
2733
|
+
padding: 10px 8px 12px 8px;
|
|
2734
|
+
text-decoration: none;
|
|
2723
2735
|
text-indent: 11px;
|
|
2724
2736
|
}
|
|
2725
2737
|
.e-grid .e-recordplusexpand {
|
|
@@ -3184,7 +3196,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3184
3196
|
.e-grid.e-rtl .e-grouptopleftcell {
|
|
3185
3197
|
border-top: 2px solid;
|
|
3186
3198
|
}
|
|
3187
|
-
.e-grid.e-rtl .e-grouptext {
|
|
3199
|
+
.e-grid.e-rtl .e-groupheadercell span.e-grouptext {
|
|
3188
3200
|
margin-left: -8px;
|
|
3189
3201
|
margin-right: 0;
|
|
3190
3202
|
}
|
|
@@ -3289,7 +3301,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3289
3301
|
.e-grid.e-rtl span.e-ungroupbutton.e-icons {
|
|
3290
3302
|
margin-left: 0;
|
|
3291
3303
|
margin-right: -9px;
|
|
3292
|
-
padding-top:
|
|
3304
|
+
padding-top: 1px;
|
|
3293
3305
|
}
|
|
3294
3306
|
.e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
|
|
3295
3307
|
border-width: 0 0 0 1px;
|
|
@@ -3427,7 +3439,7 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3427
3439
|
.e-grid .e-columnheader.e-wrap .e-icon-group::before, .e-grid.e-wrap .e-columnheader .e-icon-group::before {
|
|
3428
3440
|
display: inline-block;
|
|
3429
3441
|
}
|
|
3430
|
-
.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-
|
|
3442
|
+
.e-grid.e-responsive .e-rowcell.e-gridclip, .e-grid.e-responsive .e-gridclip .e-headercelldiv, .e-grid.e-responsive .e-gridclip .e-stackedheadercelldiv {
|
|
3431
3443
|
text-overflow: clip;
|
|
3432
3444
|
}
|
|
3433
3445
|
.e-grid .e-clipboard {
|
|
@@ -3565,7 +3577,6 @@ li.e-separator.e-menu-item.e-excel-separator {
|
|
|
3565
3577
|
.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
|
|
3566
3578
|
.e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
|
|
3567
3579
|
font-size: 18px;
|
|
3568
|
-
margin-top: -11px;
|
|
3569
3580
|
}
|
|
3570
3581
|
.e-bigger .e-grid .e-gridheader thead .e-icons,
|
|
3571
3582
|
.e-bigger.e-grid .e-gridheader thead .e-icons {
|