@syncfusion/blazor-themes 21.2.3 → 21.2.4
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/SCSS-Themes/bootstrap-dark.scss +25 -1
- package/SCSS-Themes/bootstrap.scss +25 -1
- package/SCSS-Themes/bootstrap4.scss +26 -2
- package/SCSS-Themes/bootstrap5-dark.scss +25 -1
- package/SCSS-Themes/bootstrap5.scss +25 -1
- package/SCSS-Themes/fabric-dark.scss +25 -1
- package/SCSS-Themes/fabric.scss +25 -1
- package/SCSS-Themes/fluent-dark.scss +26 -2
- package/SCSS-Themes/fluent.scss +26 -2
- package/SCSS-Themes/grids/grid/bootstrap-dark.scss +25 -0
- package/SCSS-Themes/grids/grid/bootstrap.scss +25 -0
- package/SCSS-Themes/grids/grid/bootstrap4.scss +26 -1
- package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +25 -0
- package/SCSS-Themes/grids/grid/bootstrap5.scss +25 -0
- package/SCSS-Themes/grids/grid/fabric-dark.scss +25 -0
- package/SCSS-Themes/grids/grid/fabric.scss +25 -0
- package/SCSS-Themes/grids/grid/fluent-dark.scss +25 -0
- package/SCSS-Themes/grids/grid/fluent.scss +25 -0
- package/SCSS-Themes/grids/grid/highcontrast.scss +25 -0
- package/SCSS-Themes/grids/grid/material-dark.scss +25 -0
- package/SCSS-Themes/grids/grid/material.scss +25 -0
- package/SCSS-Themes/grids/grid/tailwind-dark.scss +25 -0
- package/SCSS-Themes/grids/grid/tailwind.scss +25 -0
- package/SCSS-Themes/highcontrast.scss +25 -1
- package/SCSS-Themes/material-dark.scss +26 -2
- package/SCSS-Themes/material.scss +26 -2
- package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss +0 -1
- package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss +0 -1
- package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss +0 -1
- package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss +0 -1
- package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss +0 -1
- package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss +0 -1
- package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss +0 -1
- package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss +1 -2
- package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss +1 -2
- package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss +0 -1
- package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss +1 -2
- package/SCSS-Themes/pivotview/pivotfieldlist/material.scss +1 -2
- package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss +0 -1
- package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss +0 -1
- package/SCSS-Themes/tailwind-dark.scss +25 -1
- package/SCSS-Themes/tailwind.scss +25 -1
- package/package.json +1 -1
|
@@ -133,7 +133,9 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
|
|
|
133
133
|
$grid-bigger-columnchooser-ul-padding: 0 !default;
|
|
134
134
|
$grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
|
|
135
135
|
$grid-bigger-sorticon-margin-top: 0 !default;
|
|
136
|
+
$grid-device-group-sorticon-margin-top: 0 !default;
|
|
136
137
|
$grid-bigger-groupcell-span-padding: 0 !default;
|
|
138
|
+
$grid-device-grouped-headercell-span-padding: 0 !default;
|
|
137
139
|
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
|
|
138
140
|
$grid-device-gridheader-row-span-padding: 20px !default;
|
|
139
141
|
$frozen-border: 2px solid !default;
|
|
@@ -336,9 +338,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
|
|
|
336
338
|
$grid-bigger-grouped-headercell-border-radius: 0 !default;
|
|
337
339
|
$grid-bigger-group-headercell-margin: 9px 0 0 10px !default;
|
|
338
340
|
$grid-bigger-group-headercell-padding: 0 10px !default;
|
|
341
|
+
$grid-device-group-headercell-padding: 0 10px !default;
|
|
339
342
|
$grid-bigger-ungroup-button-font-size: 13px !default;
|
|
340
343
|
$grid-bigger-ungroupbutton-icons-font-size: 13px !default;
|
|
341
344
|
$grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
|
|
345
|
+
$grid-device-ungroupbutton-icon-margin-top: 1px !default;
|
|
342
346
|
$grid-bigger-grouparea-font-size: 21px !default;
|
|
343
347
|
$grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
|
|
344
348
|
$grid-bigger-rtl-group-headercell-padding: 0 10px !default;
|
|
@@ -611,6 +615,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
|
|
|
611
615
|
$grid-cc-margin-top: 3px !default;
|
|
612
616
|
$grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
|
|
613
617
|
$grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
618
|
+
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
|
|
614
619
|
$grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
615
620
|
$grid-ungroup-rtl-padding-left: 0 !default;
|
|
616
621
|
$grid-column-reorder-icon-color: $grid-icon-default-color !default;
|
|
@@ -1118,6 +1123,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1118
1123
|
font-size: $grouped-bigger-text-font-size;
|
|
1119
1124
|
}
|
|
1120
1125
|
|
|
1126
|
+
&.e-device .e-groupheadercell {
|
|
1127
|
+
padding: $grid-device-group-headercell-padding;
|
|
1128
|
+
}
|
|
1129
|
+
|
|
1121
1130
|
.e-groupheadercell:hover {
|
|
1122
1131
|
padding: $grid-bigger-group-headercell-hover-padding;
|
|
1123
1132
|
}
|
|
@@ -1174,6 +1183,7 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1174
1183
|
|
|
1175
1184
|
&.e-device .e-groupheadercell span {
|
|
1176
1185
|
line-height: $grid-device-groupheadercell-span-line-height;
|
|
1186
|
+
padding: $grid-device-grouped-headercell-span-padding;
|
|
1177
1187
|
}
|
|
1178
1188
|
|
|
1179
1189
|
&.e-device .e-rowcell,
|
|
@@ -1254,6 +1264,13 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1254
1264
|
}
|
|
1255
1265
|
}
|
|
1256
1266
|
|
|
1267
|
+
&.e-device span.e-ungroupbutton.e-icons {
|
|
1268
|
+
margin-top: $grid-device-ungroupbutton-icon-margin-top;
|
|
1269
|
+
@if $grid-skin == 'bootstrap4' {
|
|
1270
|
+
padding-top: 0;
|
|
1271
|
+
}
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1257
1274
|
span.e-ungroupbutton.e-icons:hover {
|
|
1258
1275
|
@if $grid-skin == 'tailwind' {
|
|
1259
1276
|
color: $cool-gray-700;
|
|
@@ -1272,6 +1289,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1272
1289
|
}
|
|
1273
1290
|
}
|
|
1274
1291
|
|
|
1292
|
+
&.e-device span.e-groupsort.e-icons {
|
|
1293
|
+
margin-top: $grid-device-group-sorticon-margin-top;
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1275
1296
|
&.e-rtl span.e-groupsort.e-icons {
|
|
1276
1297
|
@if $grid-skin == 'fluent' {
|
|
1277
1298
|
margin-top: 0;
|
|
@@ -4406,6 +4427,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
4406
4427
|
&.e-rtl .e-groupheadercell span {
|
|
4407
4428
|
padding: $grid-bigger-rtl-group-span-padding;
|
|
4408
4429
|
}
|
|
4430
|
+
|
|
4431
|
+
&.e-device.e-rtl .e-groupheadercell span {
|
|
4432
|
+
padding: $grid-device-rtl-grouped-headercell-span-padding;
|
|
4433
|
+
}
|
|
4409
4434
|
}
|
|
4410
4435
|
|
|
4411
4436
|
#{&}.e-grid-min-height {
|
|
@@ -137,7 +137,9 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
|
|
|
137
137
|
$grid-bigger-columnchooser-ul-padding: 0 !default;
|
|
138
138
|
$grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
|
|
139
139
|
$grid-bigger-sorticon-margin-top: 0 !default;
|
|
140
|
+
$grid-device-group-sorticon-margin-top: 0 !default;
|
|
140
141
|
$grid-bigger-groupcell-span-padding: 0 !default;
|
|
142
|
+
$grid-device-grouped-headercell-span-padding: 0 !default;
|
|
141
143
|
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
|
|
142
144
|
$grid-device-gridheader-row-span-padding: 20px !default;
|
|
143
145
|
$frozen-border: 2px solid !default;
|
|
@@ -339,9 +341,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
|
|
|
339
341
|
$grid-bigger-grouped-headercell-border-radius: 0 !default;
|
|
340
342
|
$grid-bigger-group-headercell-margin: 9px 0 0 10px !default;
|
|
341
343
|
$grid-bigger-group-headercell-padding: 0 10px !default;
|
|
344
|
+
$grid-device-group-headercell-padding: 0 10px !default;
|
|
342
345
|
$grid-bigger-ungroup-button-font-size: 13px !default;
|
|
343
346
|
$grid-bigger-ungroupbutton-icons-font-size: 13px !default;
|
|
344
347
|
$grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
|
|
348
|
+
$grid-device-ungroupbutton-icon-margin-top: 0 !default;
|
|
345
349
|
$grid-bigger-grouparea-font-size: 21px !default;
|
|
346
350
|
$grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
|
|
347
351
|
$grid-bigger-rtl-group-headercell-padding: 0 10px !default;
|
|
@@ -611,6 +615,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
|
|
|
611
615
|
$grid-cc-margin-top: 3px !default;
|
|
612
616
|
$grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
|
|
613
617
|
$grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
618
|
+
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
|
|
614
619
|
$grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
615
620
|
$grid-ungroup-rtl-padding-left: 0 !default;
|
|
616
621
|
$grid-column-reorder-icon-color: $grid-icon-default-color !default;
|
|
@@ -1118,6 +1123,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1118
1123
|
font-size: $grouped-bigger-text-font-size;
|
|
1119
1124
|
}
|
|
1120
1125
|
|
|
1126
|
+
&.e-device .e-groupheadercell {
|
|
1127
|
+
padding: $grid-device-group-headercell-padding;
|
|
1128
|
+
}
|
|
1129
|
+
|
|
1121
1130
|
.e-groupheadercell:hover {
|
|
1122
1131
|
padding: $grid-bigger-group-headercell-hover-padding;
|
|
1123
1132
|
}
|
|
@@ -1174,6 +1183,7 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1174
1183
|
|
|
1175
1184
|
&.e-device .e-groupheadercell span {
|
|
1176
1185
|
line-height: $grid-device-groupheadercell-span-line-height;
|
|
1186
|
+
padding: $grid-device-grouped-headercell-span-padding;
|
|
1177
1187
|
}
|
|
1178
1188
|
|
|
1179
1189
|
&.e-device .e-rowcell,
|
|
@@ -1254,6 +1264,13 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1254
1264
|
}
|
|
1255
1265
|
}
|
|
1256
1266
|
|
|
1267
|
+
&.e-device span.e-ungroupbutton.e-icons {
|
|
1268
|
+
margin-top: $grid-device-ungroupbutton-icon-margin-top;
|
|
1269
|
+
@if $grid-skin == 'bootstrap4' {
|
|
1270
|
+
padding-top: 0;
|
|
1271
|
+
}
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1257
1274
|
span.e-ungroupbutton.e-icons:hover {
|
|
1258
1275
|
@if $grid-skin == 'tailwind' {
|
|
1259
1276
|
color: $cool-gray-700;
|
|
@@ -1272,6 +1289,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1272
1289
|
}
|
|
1273
1290
|
}
|
|
1274
1291
|
|
|
1292
|
+
&.e-device span.e-groupsort.e-icons {
|
|
1293
|
+
margin-top: $grid-device-group-sorticon-margin-top;
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1275
1296
|
&.e-rtl span.e-groupsort.e-icons {
|
|
1276
1297
|
@if $grid-skin == 'fluent' {
|
|
1277
1298
|
margin-top: 0;
|
|
@@ -4406,6 +4427,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
4406
4427
|
&.e-rtl .e-groupheadercell span {
|
|
4407
4428
|
padding: $grid-bigger-rtl-group-span-padding;
|
|
4408
4429
|
}
|
|
4430
|
+
|
|
4431
|
+
&.e-device.e-rtl .e-groupheadercell span {
|
|
4432
|
+
padding: $grid-device-rtl-grouped-headercell-span-padding;
|
|
4433
|
+
}
|
|
4409
4434
|
}
|
|
4410
4435
|
|
|
4411
4436
|
#{&}.e-grid-min-height {
|
|
@@ -382,10 +382,12 @@ $grid-bigger-headercell-font-size: $text-base !default;
|
|
|
382
382
|
$grid-bigger-content-font-size: $text-base !default;
|
|
383
383
|
$grid-filterbar-border-radius: 4px !default;
|
|
384
384
|
$grid-bigger-sorticon-margin-top: -4px !default;
|
|
385
|
+
$grid-device-group-sorticon-margin-top: 0 !default;
|
|
385
386
|
$grid-header-border-width: 0 !default;
|
|
386
387
|
$grid-bigger-groupedcell-padding: 0 !default;
|
|
387
388
|
$grid-bigger-group-headercell-margin: 6px 0 6px 8px !default;
|
|
388
389
|
$grid-bigger-group-headercell-padding: 6px 0 !default;
|
|
390
|
+
$grid-device-group-headercell-padding: 0 !default;
|
|
389
391
|
$grid-bigger-grouptext-marign: 0 !default;
|
|
390
392
|
$grid-bigger-headercell-padding: 12px !default;
|
|
391
393
|
$grid-bigger-icons-font-size: $text-base !default;
|
|
@@ -395,8 +397,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
|
|
|
395
397
|
$grid-bigger-groupedcell-icons-marign-left: -8px !default;
|
|
396
398
|
$grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
|
|
397
399
|
$grid-bigger-groupcell-span-padding: 8px 4px 14px 12px !default;
|
|
400
|
+
$grid-device-grouped-headercell-span-padding: 0 8px !default;
|
|
398
401
|
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
|
|
399
402
|
$grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
|
|
403
|
+
$grid-device-ungroupbutton-icon-margin-top: 0 !default;
|
|
400
404
|
$grid-bigger-groupcell-span-line-height: 30px !default;
|
|
401
405
|
$grid-bigger-gdownarrow-icon-font-size: $text-lg !default;
|
|
402
406
|
$grid-gd-clone-border-radius: 4px !default;
|
|
@@ -607,6 +611,7 @@ $grid-adaptive-sort-clear-button-padding: 4px !default;
|
|
|
607
611
|
$grid-cc-margin-top: 2px !default;
|
|
608
612
|
$grid-bigger-rtl-cm-margin: -20px -18px -5px -22px !default;
|
|
609
613
|
$grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
|
|
614
|
+
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
|
|
610
615
|
$grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
|
|
611
616
|
$grid-ungroup-rtl-padding-left: 8px !default;
|
|
612
617
|
$grid-bigger-headercell-top-padding: 0 !default;
|
|
@@ -1113,6 +1118,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1113
1118
|
font-size: $grouped-bigger-text-font-size;
|
|
1114
1119
|
}
|
|
1115
1120
|
|
|
1121
|
+
&.e-device .e-groupheadercell {
|
|
1122
|
+
padding: $grid-device-group-headercell-padding;
|
|
1123
|
+
}
|
|
1124
|
+
|
|
1116
1125
|
.e-groupheadercell:hover {
|
|
1117
1126
|
padding: $grid-bigger-group-headercell-hover-padding;
|
|
1118
1127
|
}
|
|
@@ -1169,6 +1178,7 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1169
1178
|
|
|
1170
1179
|
&.e-device .e-groupheadercell span {
|
|
1171
1180
|
line-height: $grid-device-groupheadercell-span-line-height;
|
|
1181
|
+
padding: $grid-device-grouped-headercell-span-padding;
|
|
1172
1182
|
}
|
|
1173
1183
|
|
|
1174
1184
|
&.e-device .e-rowcell,
|
|
@@ -1249,6 +1259,13 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1249
1259
|
}
|
|
1250
1260
|
}
|
|
1251
1261
|
|
|
1262
|
+
&.e-device span.e-ungroupbutton.e-icons {
|
|
1263
|
+
margin-top: $grid-device-ungroupbutton-icon-margin-top;
|
|
1264
|
+
@if $grid-skin == 'bootstrap4' {
|
|
1265
|
+
padding-top: 0;
|
|
1266
|
+
}
|
|
1267
|
+
}
|
|
1268
|
+
|
|
1252
1269
|
span.e-ungroupbutton.e-icons:hover {
|
|
1253
1270
|
@if $grid-skin == 'tailwind' {
|
|
1254
1271
|
color: $cool-gray-700;
|
|
@@ -1267,6 +1284,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1267
1284
|
}
|
|
1268
1285
|
}
|
|
1269
1286
|
|
|
1287
|
+
&.e-device span.e-groupsort.e-icons {
|
|
1288
|
+
margin-top: $grid-device-group-sorticon-margin-top;
|
|
1289
|
+
}
|
|
1290
|
+
|
|
1270
1291
|
&.e-rtl span.e-groupsort.e-icons {
|
|
1271
1292
|
@if $grid-skin == 'fluent' {
|
|
1272
1293
|
margin-top: 0;
|
|
@@ -4401,6 +4422,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
4401
4422
|
&.e-rtl .e-groupheadercell span {
|
|
4402
4423
|
padding: $grid-bigger-rtl-group-span-padding;
|
|
4403
4424
|
}
|
|
4425
|
+
|
|
4426
|
+
&.e-device.e-rtl .e-groupheadercell span {
|
|
4427
|
+
padding: $grid-device-rtl-grouped-headercell-span-padding;
|
|
4428
|
+
}
|
|
4404
4429
|
}
|
|
4405
4430
|
|
|
4406
4431
|
#{&}.e-grid-min-height {
|
|
@@ -382,10 +382,12 @@ $grid-bigger-headercell-font-size: $text-base !default;
|
|
|
382
382
|
$grid-bigger-content-font-size: $text-base !default;
|
|
383
383
|
$grid-filterbar-border-radius: 4px !default;
|
|
384
384
|
$grid-bigger-sorticon-margin-top: -4px !default;
|
|
385
|
+
$grid-device-group-sorticon-margin-top: 0 !default;
|
|
385
386
|
$grid-header-border-width: 0 !default;
|
|
386
387
|
$grid-bigger-groupedcell-padding: 0 !default;
|
|
387
388
|
$grid-bigger-group-headercell-margin: 6px 0 6px 8px !default;
|
|
388
389
|
$grid-bigger-group-headercell-padding: 6px 0 !default;
|
|
390
|
+
$grid-device-group-headercell-padding: 0 !default;
|
|
389
391
|
$grid-bigger-grouptext-marign: 0 !default;
|
|
390
392
|
$grid-bigger-headercell-padding: 12px !default;
|
|
391
393
|
$grid-bigger-icons-font-size: $text-base !default;
|
|
@@ -395,8 +397,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
|
|
|
395
397
|
$grid-bigger-groupedcell-icons-marign-left: -8px !default;
|
|
396
398
|
$grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
|
|
397
399
|
$grid-bigger-groupcell-span-padding: 8px 4px 14px 12px !default;
|
|
400
|
+
$grid-device-grouped-headercell-span-padding: 0 8px !default;
|
|
398
401
|
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
|
|
399
402
|
$grid-bigger-ungroupbutton-icon-margin-top: -4px !default;
|
|
403
|
+
$grid-device-ungroupbutton-icon-margin-top: 0 !default;
|
|
400
404
|
$grid-bigger-groupcell-span-line-height: 30px !default;
|
|
401
405
|
$grid-bigger-gdownarrow-icon-font-size: $text-lg !default;
|
|
402
406
|
$grid-gd-clone-border-radius: 4px !default;
|
|
@@ -607,6 +611,7 @@ $grid-adaptive-sort-clear-button-padding: 4px !default;
|
|
|
607
611
|
$grid-cc-margin-top: 2px !default;
|
|
608
612
|
$grid-bigger-rtl-cm-margin: -20px -18px -5px -22px !default;
|
|
609
613
|
$grid-bigger-rtl-group-span-padding: 11.5px 4px 14px 4px !default;
|
|
614
|
+
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
|
|
610
615
|
$grid-rtl-group-span-padding: 4px 12px 4px 8px !default;
|
|
611
616
|
$grid-ungroup-rtl-padding-left: 8px !default;
|
|
612
617
|
$grid-bigger-headercell-top-padding: 0 !default;
|
|
@@ -1113,6 +1118,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1113
1118
|
font-size: $grouped-bigger-text-font-size;
|
|
1114
1119
|
}
|
|
1115
1120
|
|
|
1121
|
+
&.e-device .e-groupheadercell {
|
|
1122
|
+
padding: $grid-device-group-headercell-padding;
|
|
1123
|
+
}
|
|
1124
|
+
|
|
1116
1125
|
.e-groupheadercell:hover {
|
|
1117
1126
|
padding: $grid-bigger-group-headercell-hover-padding;
|
|
1118
1127
|
}
|
|
@@ -1169,6 +1178,7 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1169
1178
|
|
|
1170
1179
|
&.e-device .e-groupheadercell span {
|
|
1171
1180
|
line-height: $grid-device-groupheadercell-span-line-height;
|
|
1181
|
+
padding: $grid-device-grouped-headercell-span-padding;
|
|
1172
1182
|
}
|
|
1173
1183
|
|
|
1174
1184
|
&.e-device .e-rowcell,
|
|
@@ -1249,6 +1259,13 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1249
1259
|
}
|
|
1250
1260
|
}
|
|
1251
1261
|
|
|
1262
|
+
&.e-device span.e-ungroupbutton.e-icons {
|
|
1263
|
+
margin-top: $grid-device-ungroupbutton-icon-margin-top;
|
|
1264
|
+
@if $grid-skin == 'bootstrap4' {
|
|
1265
|
+
padding-top: 0;
|
|
1266
|
+
}
|
|
1267
|
+
}
|
|
1268
|
+
|
|
1252
1269
|
span.e-ungroupbutton.e-icons:hover {
|
|
1253
1270
|
@if $grid-skin == 'tailwind' {
|
|
1254
1271
|
color: $cool-gray-700;
|
|
@@ -1267,6 +1284,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1267
1284
|
}
|
|
1268
1285
|
}
|
|
1269
1286
|
|
|
1287
|
+
&.e-device span.e-groupsort.e-icons {
|
|
1288
|
+
margin-top: $grid-device-group-sorticon-margin-top;
|
|
1289
|
+
}
|
|
1290
|
+
|
|
1270
1291
|
&.e-rtl span.e-groupsort.e-icons {
|
|
1271
1292
|
@if $grid-skin == 'fluent' {
|
|
1272
1293
|
margin-top: 0;
|
|
@@ -4401,6 +4422,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
4401
4422
|
&.e-rtl .e-groupheadercell span {
|
|
4402
4423
|
padding: $grid-bigger-rtl-group-span-padding;
|
|
4403
4424
|
}
|
|
4425
|
+
|
|
4426
|
+
&.e-device.e-rtl .e-groupheadercell span {
|
|
4427
|
+
padding: $grid-device-rtl-grouped-headercell-span-padding;
|
|
4428
|
+
}
|
|
4404
4429
|
}
|
|
4405
4430
|
|
|
4406
4431
|
#{&}.e-grid-min-height {
|
|
@@ -137,7 +137,9 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
|
|
|
137
137
|
$grid-bigger-columnchooser-ul-padding: 0 !default;
|
|
138
138
|
$grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
|
|
139
139
|
$grid-bigger-sorticon-margin-top: 0 !default;
|
|
140
|
+
$grid-device-group-sorticon-margin-top: 0 !default;
|
|
140
141
|
$grid-bigger-groupcell-span-padding: 0 !default;
|
|
142
|
+
$grid-device-grouped-headercell-span-padding: 0 !default;
|
|
141
143
|
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
|
|
142
144
|
$grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
|
|
143
145
|
$grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
|
|
@@ -330,9 +332,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
|
|
|
330
332
|
$grid-bigger-grouped-headercell-border-radius: 0 !default;
|
|
331
333
|
$grid-bigger-group-headercell-margin: 10px 0 0 10px !default;
|
|
332
334
|
$grid-bigger-group-headercell-padding: 1px 10px !default;
|
|
335
|
+
$grid-device-group-headercell-padding: 1px 10px !default;
|
|
333
336
|
$grid-bigger-ungroup-button-font-size: 13px !default;
|
|
334
337
|
$grid-bigger-ungroupbutton-icons-font-size: 13px !default;
|
|
335
338
|
$grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
|
|
339
|
+
$grid-device-ungroupbutton-icon-margin-top: 1px !default;
|
|
336
340
|
$grid-bigger-grouparea-font-size: 21px !default;
|
|
337
341
|
$grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
|
|
338
342
|
$grid-bigger-rtl-group-headercell-padding: 0 10px !default;
|
|
@@ -611,6 +615,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
|
|
|
611
615
|
$grid-cc-margin-top: 5px !default;
|
|
612
616
|
$grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
|
|
613
617
|
$grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
618
|
+
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
|
|
614
619
|
$grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
615
620
|
$grid-ungroup-rtl-padding-left: 0 !default;
|
|
616
621
|
$grid-column-reorder-icon-color: $grid-icon-default-color !default;
|
|
@@ -1118,6 +1123,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1118
1123
|
font-size: $grouped-bigger-text-font-size;
|
|
1119
1124
|
}
|
|
1120
1125
|
|
|
1126
|
+
&.e-device .e-groupheadercell {
|
|
1127
|
+
padding: $grid-device-group-headercell-padding;
|
|
1128
|
+
}
|
|
1129
|
+
|
|
1121
1130
|
.e-groupheadercell:hover {
|
|
1122
1131
|
padding: $grid-bigger-group-headercell-hover-padding;
|
|
1123
1132
|
}
|
|
@@ -1174,6 +1183,7 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1174
1183
|
|
|
1175
1184
|
&.e-device .e-groupheadercell span {
|
|
1176
1185
|
line-height: $grid-device-groupheadercell-span-line-height;
|
|
1186
|
+
padding: $grid-device-grouped-headercell-span-padding;
|
|
1177
1187
|
}
|
|
1178
1188
|
|
|
1179
1189
|
&.e-device .e-rowcell,
|
|
@@ -1254,6 +1264,13 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1254
1264
|
}
|
|
1255
1265
|
}
|
|
1256
1266
|
|
|
1267
|
+
&.e-device span.e-ungroupbutton.e-icons {
|
|
1268
|
+
margin-top: $grid-device-ungroupbutton-icon-margin-top;
|
|
1269
|
+
@if $grid-skin == 'bootstrap4' {
|
|
1270
|
+
padding-top: 0;
|
|
1271
|
+
}
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1257
1274
|
span.e-ungroupbutton.e-icons:hover {
|
|
1258
1275
|
@if $grid-skin == 'tailwind' {
|
|
1259
1276
|
color: $cool-gray-700;
|
|
@@ -1272,6 +1289,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1272
1289
|
}
|
|
1273
1290
|
}
|
|
1274
1291
|
|
|
1292
|
+
&.e-device span.e-groupsort.e-icons {
|
|
1293
|
+
margin-top: $grid-device-group-sorticon-margin-top;
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1275
1296
|
&.e-rtl span.e-groupsort.e-icons {
|
|
1276
1297
|
@if $grid-skin == 'fluent' {
|
|
1277
1298
|
margin-top: 0;
|
|
@@ -4406,6 +4427,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
4406
4427
|
&.e-rtl .e-groupheadercell span {
|
|
4407
4428
|
padding: $grid-bigger-rtl-group-span-padding;
|
|
4408
4429
|
}
|
|
4430
|
+
|
|
4431
|
+
&.e-device.e-rtl .e-groupheadercell span {
|
|
4432
|
+
padding: $grid-device-rtl-grouped-headercell-span-padding;
|
|
4433
|
+
}
|
|
4409
4434
|
}
|
|
4410
4435
|
|
|
4411
4436
|
#{&}.e-grid-min-height {
|
|
@@ -166,10 +166,12 @@ $grid-bigger-groupedcell-padding: 11px 0 12px !default;
|
|
|
166
166
|
$grid-bigger-grouped-headercell-border-radius: 16px !default;
|
|
167
167
|
$grid-bigger-group-headercell-margin: 4px 0 0 24px !default;
|
|
168
168
|
$grid-bigger-group-headercell-padding: 0 8px 0 12px !default;
|
|
169
|
+
$grid-device-group-headercell-padding: 0 8px 0 12px !default;
|
|
169
170
|
$grid-bigger-group-clone-padding: 6px !default;
|
|
170
171
|
$grid-bigger-grouptext-width: 76px !default;
|
|
171
172
|
$grid-bigger-ungroup-button-font-size: 16px !default;
|
|
172
173
|
$grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
|
|
174
|
+
$grid-device-ungroupbutton-icon-margin-top: 0 !default;
|
|
173
175
|
$grid-bigger-group-text-line-height: 32px !default;
|
|
174
176
|
$grid-bigger-ungroupbutton-icons-font-size: 16px !default;
|
|
175
177
|
$grid-bigger-groupcaption-line-height: 32px !default;
|
|
@@ -188,7 +190,9 @@ $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
|
|
|
188
190
|
$grid-bigger-cc-checkbox-padding-left: 12px !default;
|
|
189
191
|
$grid-bigger-searchdiv-padding-left: 6px !default;
|
|
190
192
|
$grid-bigger-sorticon-margin-top: 0 !default;
|
|
193
|
+
$grid-device-group-sorticon-margin-top: 0 !default;
|
|
191
194
|
$grid-bigger-groupcell-span-padding: 0 !default;
|
|
195
|
+
$grid-device-grouped-headercell-span-padding: 0 !default;
|
|
192
196
|
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
|
|
193
197
|
$grid-device-groupheadercell-span-line-height: 30px !default;
|
|
194
198
|
$grid-device-ungroupbutton-line-height: 33px !default;
|
|
@@ -612,6 +616,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
|
|
|
612
616
|
$grid-cc-margin-top: 1px !default;
|
|
613
617
|
$grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
|
|
614
618
|
$grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
619
|
+
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
|
|
615
620
|
$grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
616
621
|
$grid-ungroup-rtl-padding-left: 0 !default;
|
|
617
622
|
$grid-column-reorder-icon-color: $grid-icon-default-color !default;
|
|
@@ -1119,6 +1124,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1119
1124
|
font-size: $grouped-bigger-text-font-size;
|
|
1120
1125
|
}
|
|
1121
1126
|
|
|
1127
|
+
&.e-device .e-groupheadercell {
|
|
1128
|
+
padding: $grid-device-group-headercell-padding;
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1122
1131
|
.e-groupheadercell:hover {
|
|
1123
1132
|
padding: $grid-bigger-group-headercell-hover-padding;
|
|
1124
1133
|
}
|
|
@@ -1175,6 +1184,7 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1175
1184
|
|
|
1176
1185
|
&.e-device .e-groupheadercell span {
|
|
1177
1186
|
line-height: $grid-device-groupheadercell-span-line-height;
|
|
1187
|
+
padding: $grid-device-grouped-headercell-span-padding;
|
|
1178
1188
|
}
|
|
1179
1189
|
|
|
1180
1190
|
&.e-device .e-rowcell,
|
|
@@ -1255,6 +1265,13 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1255
1265
|
}
|
|
1256
1266
|
}
|
|
1257
1267
|
|
|
1268
|
+
&.e-device span.e-ungroupbutton.e-icons {
|
|
1269
|
+
margin-top: $grid-device-ungroupbutton-icon-margin-top;
|
|
1270
|
+
@if $grid-skin == 'bootstrap4' {
|
|
1271
|
+
padding-top: 0;
|
|
1272
|
+
}
|
|
1273
|
+
}
|
|
1274
|
+
|
|
1258
1275
|
span.e-ungroupbutton.e-icons:hover {
|
|
1259
1276
|
@if $grid-skin == 'tailwind' {
|
|
1260
1277
|
color: $cool-gray-700;
|
|
@@ -1273,6 +1290,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1273
1290
|
}
|
|
1274
1291
|
}
|
|
1275
1292
|
|
|
1293
|
+
&.e-device span.e-groupsort.e-icons {
|
|
1294
|
+
margin-top: $grid-device-group-sorticon-margin-top;
|
|
1295
|
+
}
|
|
1296
|
+
|
|
1276
1297
|
&.e-rtl span.e-groupsort.e-icons {
|
|
1277
1298
|
@if $grid-skin == 'fluent' {
|
|
1278
1299
|
margin-top: 0;
|
|
@@ -4407,6 +4428,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
4407
4428
|
&.e-rtl .e-groupheadercell span {
|
|
4408
4429
|
padding: $grid-bigger-rtl-group-span-padding;
|
|
4409
4430
|
}
|
|
4431
|
+
|
|
4432
|
+
&.e-device.e-rtl .e-groupheadercell span {
|
|
4433
|
+
padding: $grid-device-rtl-grouped-headercell-span-padding;
|
|
4434
|
+
}
|
|
4410
4435
|
}
|
|
4411
4436
|
|
|
4412
4437
|
#{&}.e-grid-min-height {
|
|
@@ -171,10 +171,12 @@ $grid-bigger-groupedcell-padding: 11px 0 12px !default;
|
|
|
171
171
|
$grid-bigger-grouped-headercell-border-radius: 16px !default;
|
|
172
172
|
$grid-bigger-group-headercell-margin: 4px 0 0 24px !default;
|
|
173
173
|
$grid-bigger-group-headercell-padding: 0 8px 0 12px !default;
|
|
174
|
+
$grid-device-group-headercell-padding: 0 8px 0 12px !default;
|
|
174
175
|
$grid-bigger-group-clone-padding: 6px !default;
|
|
175
176
|
$grid-bigger-grouptext-width: 76px !default;
|
|
176
177
|
$grid-bigger-ungroup-button-font-size: 16px !default;
|
|
177
178
|
$grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
|
|
179
|
+
$grid-device-ungroupbutton-icon-margin-top: 0 !default;
|
|
178
180
|
$grid-bigger-group-text-line-height: 32px !default;
|
|
179
181
|
$grid-bigger-ungroupbutton-icons-font-size: 16px !default;
|
|
180
182
|
$grid-bigger-groupcaption-line-height: 32px !default;
|
|
@@ -193,7 +195,9 @@ $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
|
|
|
193
195
|
$grid-bigger-cc-checkbox-padding-left: 12px !default;
|
|
194
196
|
$grid-bigger-searchdiv-padding-left: 6px !default;
|
|
195
197
|
$grid-bigger-sorticon-margin-top: 0 !default;
|
|
198
|
+
$grid-device-group-sorticon-margin-top: 0 !default;
|
|
196
199
|
$grid-bigger-groupcell-span-padding: 0 !default;
|
|
200
|
+
$grid-device-grouped-headercell-span-padding: 0 !default;
|
|
197
201
|
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
|
|
198
202
|
$grid-device-groupheadercell-span-line-height: 30px !default;
|
|
199
203
|
$grid-device-ungroupbutton-line-height: 33px !default;
|
|
@@ -610,6 +614,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
|
|
|
610
614
|
$grid-cc-margin-top: 1px !default;
|
|
611
615
|
$grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
|
|
612
616
|
$grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
617
|
+
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
|
|
613
618
|
$grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
614
619
|
$grid-ungroup-rtl-padding-left: 0 !default;
|
|
615
620
|
$grid-column-reorder-icon-color: $grid-icon-default-color !default;
|
|
@@ -1117,6 +1122,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1117
1122
|
font-size: $grouped-bigger-text-font-size;
|
|
1118
1123
|
}
|
|
1119
1124
|
|
|
1125
|
+
&.e-device .e-groupheadercell {
|
|
1126
|
+
padding: $grid-device-group-headercell-padding;
|
|
1127
|
+
}
|
|
1128
|
+
|
|
1120
1129
|
.e-groupheadercell:hover {
|
|
1121
1130
|
padding: $grid-bigger-group-headercell-hover-padding;
|
|
1122
1131
|
}
|
|
@@ -1173,6 +1182,7 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1173
1182
|
|
|
1174
1183
|
&.e-device .e-groupheadercell span {
|
|
1175
1184
|
line-height: $grid-device-groupheadercell-span-line-height;
|
|
1185
|
+
padding: $grid-device-grouped-headercell-span-padding;
|
|
1176
1186
|
}
|
|
1177
1187
|
|
|
1178
1188
|
&.e-device .e-rowcell,
|
|
@@ -1253,6 +1263,13 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1253
1263
|
}
|
|
1254
1264
|
}
|
|
1255
1265
|
|
|
1266
|
+
&.e-device span.e-ungroupbutton.e-icons {
|
|
1267
|
+
margin-top: $grid-device-ungroupbutton-icon-margin-top;
|
|
1268
|
+
@if $grid-skin == 'bootstrap4' {
|
|
1269
|
+
padding-top: 0;
|
|
1270
|
+
}
|
|
1271
|
+
}
|
|
1272
|
+
|
|
1256
1273
|
span.e-ungroupbutton.e-icons:hover {
|
|
1257
1274
|
@if $grid-skin == 'tailwind' {
|
|
1258
1275
|
color: $cool-gray-700;
|
|
@@ -1271,6 +1288,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1271
1288
|
}
|
|
1272
1289
|
}
|
|
1273
1290
|
|
|
1291
|
+
&.e-device span.e-groupsort.e-icons {
|
|
1292
|
+
margin-top: $grid-device-group-sorticon-margin-top;
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1274
1295
|
&.e-rtl span.e-groupsort.e-icons {
|
|
1275
1296
|
@if $grid-skin == 'fluent' {
|
|
1276
1297
|
margin-top: 0;
|
|
@@ -4405,6 +4426,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
4405
4426
|
&.e-rtl .e-groupheadercell span {
|
|
4406
4427
|
padding: $grid-bigger-rtl-group-span-padding;
|
|
4407
4428
|
}
|
|
4429
|
+
|
|
4430
|
+
&.e-device.e-rtl .e-groupheadercell span {
|
|
4431
|
+
padding: $grid-device-rtl-grouped-headercell-span-padding;
|
|
4432
|
+
}
|
|
4408
4433
|
}
|
|
4409
4434
|
|
|
4410
4435
|
#{&}.e-grid-min-height {
|
|
@@ -361,10 +361,12 @@ $grid-bigger-headercell-font-size: $text-xs !default;
|
|
|
361
361
|
$grid-bigger-content-font-size: $text-base !default;
|
|
362
362
|
$grid-filterbar-border-radius: 4px !default;
|
|
363
363
|
$grid-bigger-sorticon-margin-top: 0 !default;
|
|
364
|
+
$grid-device-group-sorticon-margin-top: 0 !default;
|
|
364
365
|
$grid-header-border-width: 0 !default;
|
|
365
366
|
$grid-bigger-groupedcell-padding: 0 5px 5px !default;
|
|
366
367
|
$grid-bigger-group-headercell-margin: 5px 6px 0 0 !default;
|
|
367
368
|
$grid-bigger-group-headercell-padding: 6px 0 !default;
|
|
369
|
+
$grid-device-group-headercell-padding: 0 !default;
|
|
368
370
|
$grid-bigger-grouptext-marign: 8px !default;
|
|
369
371
|
$grid-bigger-headercell-padding: 12px !default;
|
|
370
372
|
$grid-bigger-icons-font-size: $text-base !default;
|
|
@@ -374,8 +376,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
|
|
|
374
376
|
$grid-bigger-groupedcell-icons-marign-left: -8px !default;
|
|
375
377
|
$grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
|
|
376
378
|
$grid-bigger-groupcell-span-padding: 0 0 0 8px !default;
|
|
379
|
+
$grid-device-grouped-headercell-span-padding: 0 8px !default;
|
|
377
380
|
$grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
|
|
378
381
|
$grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
|
|
382
|
+
$grid-device-ungroupbutton-icon-margin-top: 0 !default;
|
|
379
383
|
$grid-bigger-groupcell-span-line-height: 24px !default;
|
|
380
384
|
$grid-bigger-gdownarrow-icon-font-size: $text-base !default;
|
|
381
385
|
$grid-gd-clone-border-radius: 4px !default;
|
|
@@ -621,6 +625,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
|
|
|
621
625
|
$grid-cc-margin-top: 1px !default;
|
|
622
626
|
$grid-bigger-rtl-cm-margin: -13px 6px -13px -16px !default;
|
|
623
627
|
$grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
|
|
628
|
+
$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
|
|
624
629
|
$grid-rtl-group-span-padding: $grid-grouped-headercell-span-padding !default;
|
|
625
630
|
$grid-ungroup-rtl-padding-left: 8px !default;
|
|
626
631
|
$grid-column-reorder-icon-color: $primary !default;
|
|
@@ -1128,6 +1133,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1128
1133
|
font-size: $grouped-bigger-text-font-size;
|
|
1129
1134
|
}
|
|
1130
1135
|
|
|
1136
|
+
&.e-device .e-groupheadercell {
|
|
1137
|
+
padding: $grid-device-group-headercell-padding;
|
|
1138
|
+
}
|
|
1139
|
+
|
|
1131
1140
|
.e-groupheadercell:hover {
|
|
1132
1141
|
padding: $grid-bigger-group-headercell-hover-padding;
|
|
1133
1142
|
}
|
|
@@ -1184,6 +1193,7 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1184
1193
|
|
|
1185
1194
|
&.e-device .e-groupheadercell span {
|
|
1186
1195
|
line-height: $grid-device-groupheadercell-span-line-height;
|
|
1196
|
+
padding: $grid-device-grouped-headercell-span-padding;
|
|
1187
1197
|
}
|
|
1188
1198
|
|
|
1189
1199
|
&.e-device .e-rowcell,
|
|
@@ -1264,6 +1274,13 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1264
1274
|
}
|
|
1265
1275
|
}
|
|
1266
1276
|
|
|
1277
|
+
&.e-device span.e-ungroupbutton.e-icons {
|
|
1278
|
+
margin-top: $grid-device-ungroupbutton-icon-margin-top;
|
|
1279
|
+
@if $grid-skin == 'bootstrap4' {
|
|
1280
|
+
padding-top: 0;
|
|
1281
|
+
}
|
|
1282
|
+
}
|
|
1283
|
+
|
|
1267
1284
|
span.e-ungroupbutton.e-icons:hover {
|
|
1268
1285
|
@if $grid-skin == 'tailwind' {
|
|
1269
1286
|
color: $cool-gray-700;
|
|
@@ -1282,6 +1299,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
1282
1299
|
}
|
|
1283
1300
|
}
|
|
1284
1301
|
|
|
1302
|
+
&.e-device span.e-groupsort.e-icons {
|
|
1303
|
+
margin-top: $grid-device-group-sorticon-margin-top;
|
|
1304
|
+
}
|
|
1305
|
+
|
|
1285
1306
|
&.e-rtl span.e-groupsort.e-icons {
|
|
1286
1307
|
@if $grid-skin == 'fluent' {
|
|
1287
1308
|
margin-top: 0;
|
|
@@ -4416,6 +4437,10 @@ $grid-dropitems-count-margin-left: -8px !default;
|
|
|
4416
4437
|
&.e-rtl .e-groupheadercell span {
|
|
4417
4438
|
padding: $grid-bigger-rtl-group-span-padding;
|
|
4418
4439
|
}
|
|
4440
|
+
|
|
4441
|
+
&.e-device.e-rtl .e-groupheadercell span {
|
|
4442
|
+
padding: $grid-device-rtl-grouped-headercell-span-padding;
|
|
4443
|
+
}
|
|
4419
4444
|
}
|
|
4420
4445
|
|
|
4421
4446
|
#{&}.e-grid-min-height {
|