@syncfusion/ej2-lists 26.2.14 → 27.1.48

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 (154) hide show
  1. package/README.md +10 -10
  2. package/dist/ej2-lists.min.js +2 -2
  3. package/dist/ej2-lists.umd.min.js +1 -1
  4. package/dist/ej2-lists.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-lists.es2015.js +1 -1
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +1 -1
  8. package/dist/es6/ej2-lists.es5.js.map +1 -1
  9. package/dist/global/ej2-lists.min.js +2 -2
  10. package/dist/global/ej2-lists.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -10
  13. package/src/sortable/sortable.js +1 -1
  14. package/styles/bootstrap-dark-lite.css +396 -0
  15. package/styles/bootstrap-dark-lite.scss +7 -0
  16. package/styles/bootstrap-dark.css +48 -49
  17. package/styles/bootstrap-dark.scss +2 -2
  18. package/styles/bootstrap-lite.css +397 -0
  19. package/styles/bootstrap-lite.scss +7 -0
  20. package/styles/bootstrap.css +48 -49
  21. package/styles/bootstrap.scss +2 -2
  22. package/styles/bootstrap4-lite.css +401 -0
  23. package/styles/bootstrap4-lite.scss +7 -0
  24. package/styles/bootstrap4.css +87 -88
  25. package/styles/bootstrap4.scss +2 -2
  26. package/styles/bootstrap5-dark-lite.css +422 -0
  27. package/styles/bootstrap5-dark-lite.scss +7 -0
  28. package/styles/bootstrap5-dark.css +48 -49
  29. package/styles/bootstrap5-dark.scss +2 -2
  30. package/styles/bootstrap5-lite.css +422 -0
  31. package/styles/bootstrap5-lite.scss +7 -0
  32. package/styles/bootstrap5.3-lite.css +402 -0
  33. package/styles/bootstrap5.3-lite.scss +7 -0
  34. package/styles/bootstrap5.3.css +450 -0
  35. package/styles/bootstrap5.3.scss +8 -0
  36. package/styles/bootstrap5.css +48 -49
  37. package/styles/bootstrap5.scss +2 -2
  38. package/styles/fabric-dark-lite.css +396 -0
  39. package/styles/fabric-dark-lite.scss +7 -0
  40. package/styles/fabric-dark.css +48 -49
  41. package/styles/fabric-dark.scss +2 -2
  42. package/styles/fabric-lite.css +397 -0
  43. package/styles/fabric-lite.scss +7 -0
  44. package/styles/fabric.css +48 -49
  45. package/styles/fabric.scss +2 -2
  46. package/styles/fluent-dark-lite.css +410 -0
  47. package/styles/fluent-dark-lite.scss +7 -0
  48. package/styles/fluent-dark.css +91 -92
  49. package/styles/fluent-dark.scss +2 -2
  50. package/styles/fluent-lite.css +410 -0
  51. package/styles/fluent-lite.scss +7 -0
  52. package/styles/fluent.css +91 -92
  53. package/styles/fluent.scss +2 -2
  54. package/styles/fluent2-lite.css +396 -0
  55. package/styles/fluent2-lite.scss +7 -0
  56. package/styles/fluent2.css +63 -64
  57. package/styles/fluent2.scss +2 -2
  58. package/styles/highcontrast-light-lite.css +396 -0
  59. package/styles/highcontrast-light-lite.scss +7 -0
  60. package/styles/highcontrast-light.css +48 -49
  61. package/styles/highcontrast-light.scss +2 -2
  62. package/styles/highcontrast-lite.css +397 -0
  63. package/styles/highcontrast-lite.scss +7 -0
  64. package/styles/highcontrast.css +48 -49
  65. package/styles/highcontrast.scss +2 -2
  66. package/styles/list-view/_bigger.scss +325 -0
  67. package/styles/list-view/_fluent2-definition.scss +2 -2
  68. package/styles/list-view/_layout.scss +12 -272
  69. package/styles/list-view/_material-dark-definition.scss +1 -1
  70. package/styles/list-view/_material-definition.scss +1 -1
  71. package/styles/list-view/_theme.scss +1 -1
  72. package/styles/list-view/bootstrap-dark.css +48 -48
  73. package/styles/list-view/bootstrap-dark.scss +1 -0
  74. package/styles/list-view/bootstrap.css +48 -48
  75. package/styles/list-view/bootstrap.scss +1 -0
  76. package/styles/list-view/bootstrap4.css +87 -87
  77. package/styles/list-view/bootstrap4.scss +1 -0
  78. package/styles/list-view/bootstrap5-dark.css +48 -48
  79. package/styles/list-view/bootstrap5-dark.scss +1 -0
  80. package/styles/list-view/bootstrap5.3.css +421 -0
  81. package/styles/list-view/bootstrap5.3.scss +6 -0
  82. package/styles/list-view/bootstrap5.css +48 -48
  83. package/styles/list-view/bootstrap5.scss +1 -0
  84. package/styles/list-view/fabric-dark.css +48 -48
  85. package/styles/list-view/fabric-dark.scss +1 -0
  86. package/styles/list-view/fabric.css +48 -48
  87. package/styles/list-view/fabric.scss +1 -0
  88. package/styles/list-view/fluent-dark.css +91 -91
  89. package/styles/list-view/fluent-dark.scss +1 -0
  90. package/styles/list-view/fluent.css +91 -91
  91. package/styles/list-view/fluent.scss +1 -0
  92. package/styles/list-view/fluent2.css +63 -63
  93. package/styles/list-view/fluent2.scss +1 -0
  94. package/styles/list-view/highcontrast-light.css +48 -48
  95. package/styles/list-view/highcontrast-light.scss +1 -0
  96. package/styles/list-view/highcontrast.css +48 -48
  97. package/styles/list-view/highcontrast.scss +1 -0
  98. package/styles/list-view/material-dark.css +51 -51
  99. package/styles/list-view/material-dark.scss +1 -0
  100. package/styles/list-view/material.css +51 -51
  101. package/styles/list-view/material.scss +1 -0
  102. package/styles/list-view/material3-dark.css +65 -65
  103. package/styles/list-view/material3-dark.scss +1 -0
  104. package/styles/list-view/material3.css +65 -65
  105. package/styles/list-view/material3.scss +1 -0
  106. package/styles/list-view/tailwind-dark.css +156 -156
  107. package/styles/list-view/tailwind-dark.scss +1 -0
  108. package/styles/list-view/tailwind.css +156 -156
  109. package/styles/list-view/tailwind.scss +1 -0
  110. package/styles/material-dark-lite.css +395 -0
  111. package/styles/material-dark-lite.scss +7 -0
  112. package/styles/material-dark.css +51 -52
  113. package/styles/material-dark.scss +2 -2
  114. package/styles/material-lite.css +396 -0
  115. package/styles/material-lite.scss +7 -0
  116. package/styles/material.css +51 -52
  117. package/styles/material.scss +2 -2
  118. package/styles/material3-dark-lite.css +404 -0
  119. package/styles/material3-dark-lite.scss +7 -0
  120. package/styles/material3-dark.css +65 -66
  121. package/styles/material3-dark.scss +2 -2
  122. package/styles/material3-lite.css +406 -0
  123. package/styles/material3-lite.scss +7 -0
  124. package/styles/material3.css +65 -66
  125. package/styles/material3.scss +2 -2
  126. package/styles/sortable/_layout.scss +0 -1
  127. package/styles/sortable/bootstrap-dark.css +0 -1
  128. package/styles/sortable/bootstrap.css +0 -1
  129. package/styles/sortable/bootstrap4.css +0 -1
  130. package/styles/sortable/bootstrap5-dark.css +0 -1
  131. package/styles/sortable/bootstrap5.3.css +32 -0
  132. package/styles/sortable/bootstrap5.3.scss +3 -0
  133. package/styles/sortable/bootstrap5.css +0 -1
  134. package/styles/sortable/fabric-dark.css +0 -1
  135. package/styles/sortable/fabric.css +0 -1
  136. package/styles/sortable/fluent-dark.css +0 -1
  137. package/styles/sortable/fluent.css +0 -1
  138. package/styles/sortable/fluent2.css +0 -1
  139. package/styles/sortable/highcontrast-light.css +0 -1
  140. package/styles/sortable/highcontrast.css +0 -1
  141. package/styles/sortable/material-dark.css +0 -1
  142. package/styles/sortable/material.css +0 -1
  143. package/styles/sortable/material3-dark.css +0 -1
  144. package/styles/sortable/material3.css +0 -1
  145. package/styles/sortable/tailwind-dark.css +0 -1
  146. package/styles/sortable/tailwind.css +0 -1
  147. package/styles/tailwind-dark-lite.css +421 -0
  148. package/styles/tailwind-dark-lite.scss +7 -0
  149. package/styles/tailwind-dark.css +156 -157
  150. package/styles/tailwind-dark.scss +2 -2
  151. package/styles/tailwind-lite.css +421 -0
  152. package/styles/tailwind-lite.scss +7 -0
  153. package/styles/tailwind.css +156 -157
  154. package/styles/tailwind.scss +2 -2
@@ -188,54 +188,6 @@
188
188
  margin: -2px 10px 0 0;
189
189
  }
190
190
 
191
- .e-bigger .e-listview .e-list-item,
192
- .e-listview.e-bigger .e-list-item {
193
- border-bottom: 0 solid transparent;
194
- border-left: 0 solid transparent;
195
- border-right: 0 solid transparent;
196
- border-top: 0 solid transparent;
197
- }
198
- .e-bigger .e-listview:not(.e-list-template) .e-list-item,
199
- .e-listview.e-bigger:not(.e-list-template) .e-list-item {
200
- height: 45px;
201
- line-height: 45px;
202
- position: relative;
203
- }
204
- .e-bigger .e-listview .e-text-content,
205
- .e-listview.e-bigger .e-text-content {
206
- font-size: 15px;
207
- }
208
- .e-bigger .e-listview .e-list-group-item,
209
- .e-listview.e-bigger .e-list-group-item {
210
- height: 45px;
211
- line-height: 45px;
212
- }
213
- .e-bigger .e-listview .e-list-header,
214
- .e-listview.e-bigger .e-list-header {
215
- -webkit-box-align: center;
216
- -ms-flex-align: center;
217
- align-items: center;
218
- display: -webkit-box;
219
- display: -ms-flexbox;
220
- display: flex;
221
- font-weight: 600;
222
- height: 45px;
223
- }
224
- .e-bigger .e-listview .e-list-header .e-text.header,
225
- .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
226
- .e-listview.e-bigger .e-list-header .e-text.header,
227
- .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
228
- display: none;
229
- }
230
- .e-bigger .e-listview .e-list-header .e-text,
231
- .e-listview.e-bigger .e-list-header .e-text {
232
- font-size: 15px;
233
- }
234
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
235
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
236
- width: calc(100% - 40px);
237
- }
238
-
239
191
  .e-listview {
240
192
  border-color: #eaeaea;
241
193
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -413,4 +365,52 @@
413
365
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
414
366
  padding-left: 3.3846em;
415
367
  padding-right: 0.923em;
368
+ }
369
+
370
+ .e-bigger .e-listview .e-list-item,
371
+ .e-listview.e-bigger .e-list-item {
372
+ border-bottom: 0 solid transparent;
373
+ border-left: 0 solid transparent;
374
+ border-right: 0 solid transparent;
375
+ border-top: 0 solid transparent;
376
+ }
377
+ .e-bigger .e-listview:not(.e-list-template) .e-list-item,
378
+ .e-listview.e-bigger:not(.e-list-template) .e-list-item {
379
+ height: 45px;
380
+ line-height: 45px;
381
+ position: relative;
382
+ }
383
+ .e-bigger .e-listview .e-text-content,
384
+ .e-listview.e-bigger .e-text-content {
385
+ font-size: 15px;
386
+ }
387
+ .e-bigger .e-listview .e-list-group-item,
388
+ .e-listview.e-bigger .e-list-group-item {
389
+ height: 45px;
390
+ line-height: 45px;
391
+ }
392
+ .e-bigger .e-listview .e-list-header,
393
+ .e-listview.e-bigger .e-list-header {
394
+ -webkit-box-align: center;
395
+ -ms-flex-align: center;
396
+ align-items: center;
397
+ display: -webkit-box;
398
+ display: -ms-flexbox;
399
+ display: flex;
400
+ font-weight: 600;
401
+ height: 45px;
402
+ }
403
+ .e-bigger .e-listview .e-list-header .e-text.header,
404
+ .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
405
+ .e-listview.e-bigger .e-list-header .e-text.header,
406
+ .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
407
+ display: none;
408
+ }
409
+ .e-bigger .e-listview .e-list-header .e-text,
410
+ .e-listview.e-bigger .e-list-header .e-text {
411
+ font-size: 15px;
412
+ }
413
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
414
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
415
+ width: calc(100% - 40px);
416
416
  }
@@ -3,3 +3,4 @@
3
3
  @import 'fabric-definition.scss';
4
4
  @import 'icons/fabric.scss';
5
5
  @import 'all.scss';
6
+ @import 'bigger.scss';
@@ -193,97 +193,6 @@
193
193
  margin: -2px 8px 0 0;
194
194
  }
195
195
 
196
- .e-bigger .e-listview .e-list-item,
197
- .e-listview.e-bigger .e-list-item {
198
- border-bottom: 0 solid #292827;
199
- border-left: 0 solid transparent;
200
- border-right: 0 solid transparent;
201
- border-top: 0 solid transparent;
202
- }
203
- .e-bigger .e-listview:not(.e-list-template) .e-list-item,
204
- .e-listview.e-bigger:not(.e-list-template) .e-list-item {
205
- height: 44px;
206
- line-height: 24px;
207
- position: relative;
208
- }
209
- .e-bigger .e-listview .e-text-content,
210
- .e-listview.e-bigger .e-text-content {
211
- font-size: 16px;
212
- }
213
- .e-bigger .e-listview .e-list-group-item,
214
- .e-listview.e-bigger .e-list-group-item {
215
- height: 44px;
216
- line-height: 24px;
217
- padding: 10px 16px;
218
- font-size: 16px;
219
- }
220
- .e-bigger .e-listview .e-list-header,
221
- .e-listview.e-bigger .e-list-header {
222
- -webkit-box-align: center;
223
- -ms-flex-align: center;
224
- align-items: center;
225
- display: -webkit-box;
226
- display: -ms-flexbox;
227
- display: flex;
228
- font-weight: 600;
229
- height: 44px;
230
- font-size: 14px;
231
- line-height: 22px;
232
- padding: 10px 16px;
233
- }
234
- .e-bigger .e-listview .e-list-header .e-text.header,
235
- .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
236
- .e-listview.e-bigger .e-list-header .e-text.header,
237
- .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
238
- display: none;
239
- }
240
- .e-bigger .e-listview .e-list-header .e-text,
241
- .e-listview.e-bigger .e-list-header .e-text {
242
- font-size: 14px;
243
- }
244
- .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
245
- .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
246
- border: 0;
247
- padding: 0;
248
- margin: 0 16px 0 0;
249
- }
250
- .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
251
- .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
252
- margin: 7px 12px 7px 16px;
253
- }
254
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
255
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
256
- width: calc(100% - 60px);
257
- }
258
- .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
259
- .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
260
- padding: 12px 16px;
261
- }
262
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
263
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
264
- padding: 8px 4px;
265
- }
266
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
267
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
268
- font-size: 16px;
269
- line-height: 24px;
270
- }
271
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
272
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
273
- font-size: 14px;
274
- line-height: 22px;
275
- }
276
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
277
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
278
- height: 48px;
279
- width: 48px;
280
- }
281
- .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
282
- .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
283
- font-size: 16px;
284
- line-height: 24px;
285
- }
286
-
287
196
  .e-listview {
288
197
  border-color: #292827;
289
198
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -469,4 +378,95 @@
469
378
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
470
379
  padding-left: 10px;
471
380
  padding-right: 16px;
381
+ }
382
+
383
+ .e-bigger .e-listview .e-list-item,
384
+ .e-listview.e-bigger .e-list-item {
385
+ border-bottom: 0 solid #292827;
386
+ border-left: 0 solid transparent;
387
+ border-right: 0 solid transparent;
388
+ border-top: 0 solid transparent;
389
+ }
390
+ .e-bigger .e-listview:not(.e-list-template) .e-list-item,
391
+ .e-listview.e-bigger:not(.e-list-template) .e-list-item {
392
+ height: 44px;
393
+ line-height: 24px;
394
+ position: relative;
395
+ }
396
+ .e-bigger .e-listview .e-text-content,
397
+ .e-listview.e-bigger .e-text-content {
398
+ font-size: 16px;
399
+ }
400
+ .e-bigger .e-listview .e-list-group-item,
401
+ .e-listview.e-bigger .e-list-group-item {
402
+ height: 44px;
403
+ line-height: 24px;
404
+ padding: 10px 16px;
405
+ font-size: 16px;
406
+ }
407
+ .e-bigger .e-listview .e-list-header,
408
+ .e-listview.e-bigger .e-list-header {
409
+ -webkit-box-align: center;
410
+ -ms-flex-align: center;
411
+ align-items: center;
412
+ display: -webkit-box;
413
+ display: -ms-flexbox;
414
+ display: flex;
415
+ font-weight: 600;
416
+ height: 44px;
417
+ font-size: 14px;
418
+ line-height: 22px;
419
+ padding: 10px 16px;
420
+ }
421
+ .e-bigger .e-listview .e-list-header .e-text.header,
422
+ .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
423
+ .e-listview.e-bigger .e-list-header .e-text.header,
424
+ .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
425
+ display: none;
426
+ }
427
+ .e-bigger .e-listview .e-list-header .e-text,
428
+ .e-listview.e-bigger .e-list-header .e-text {
429
+ font-size: 14px;
430
+ }
431
+ .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
432
+ .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
433
+ border: 0;
434
+ padding: 0;
435
+ margin: 0 16px 0 0;
436
+ }
437
+ .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
438
+ .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
439
+ margin: 7px 12px 7px 16px;
440
+ }
441
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
442
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
443
+ width: calc(100% - 60px);
444
+ }
445
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
446
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
447
+ padding: 12px 16px;
448
+ }
449
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
450
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
451
+ padding: 8px 4px;
452
+ }
453
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
454
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
455
+ font-size: 16px;
456
+ line-height: 24px;
457
+ }
458
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
459
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
460
+ font-size: 14px;
461
+ line-height: 22px;
462
+ }
463
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
464
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
465
+ height: 48px;
466
+ width: 48px;
467
+ }
468
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
469
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
470
+ font-size: 16px;
471
+ line-height: 24px;
472
472
  }
@@ -3,3 +3,4 @@
3
3
  @import 'fluent-dark-definition.scss';
4
4
  @import 'icons/fluent-dark.scss';
5
5
  @import 'all.scss';
6
+ @import 'bigger.scss';
@@ -193,97 +193,6 @@
193
193
  margin: -2px 8px 0 0;
194
194
  }
195
195
 
196
- .e-bigger .e-listview .e-list-item,
197
- .e-listview.e-bigger .e-list-item {
198
- border-bottom: 0 solid #edebe9;
199
- border-left: 0 solid transparent;
200
- border-right: 0 solid transparent;
201
- border-top: 0 solid transparent;
202
- }
203
- .e-bigger .e-listview:not(.e-list-template) .e-list-item,
204
- .e-listview.e-bigger:not(.e-list-template) .e-list-item {
205
- height: 44px;
206
- line-height: 24px;
207
- position: relative;
208
- }
209
- .e-bigger .e-listview .e-text-content,
210
- .e-listview.e-bigger .e-text-content {
211
- font-size: 16px;
212
- }
213
- .e-bigger .e-listview .e-list-group-item,
214
- .e-listview.e-bigger .e-list-group-item {
215
- height: 44px;
216
- line-height: 24px;
217
- padding: 10px 16px;
218
- font-size: 16px;
219
- }
220
- .e-bigger .e-listview .e-list-header,
221
- .e-listview.e-bigger .e-list-header {
222
- -webkit-box-align: center;
223
- -ms-flex-align: center;
224
- align-items: center;
225
- display: -webkit-box;
226
- display: -ms-flexbox;
227
- display: flex;
228
- font-weight: 600;
229
- height: 44px;
230
- font-size: 14px;
231
- line-height: 22px;
232
- padding: 10px 16px;
233
- }
234
- .e-bigger .e-listview .e-list-header .e-text.header,
235
- .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
236
- .e-listview.e-bigger .e-list-header .e-text.header,
237
- .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
238
- display: none;
239
- }
240
- .e-bigger .e-listview .e-list-header .e-text,
241
- .e-listview.e-bigger .e-list-header .e-text {
242
- font-size: 14px;
243
- }
244
- .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
245
- .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
246
- border: 0;
247
- padding: 0;
248
- margin: 0 16px 0 0;
249
- }
250
- .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
251
- .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
252
- margin: 7px 12px 7px 16px;
253
- }
254
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
255
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
256
- width: calc(100% - 60px);
257
- }
258
- .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
259
- .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
260
- padding: 12px 16px;
261
- }
262
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
263
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
264
- padding: 8px 4px;
265
- }
266
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
267
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
268
- font-size: 16px;
269
- line-height: 24px;
270
- }
271
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
272
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
273
- font-size: 14px;
274
- line-height: 22px;
275
- }
276
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
277
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
278
- height: 48px;
279
- width: 48px;
280
- }
281
- .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
282
- .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
283
- font-size: 16px;
284
- line-height: 24px;
285
- }
286
-
287
196
  .e-listview {
288
197
  border-color: #edebe9;
289
198
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
@@ -469,4 +378,95 @@
469
378
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
470
379
  padding-left: 10px;
471
380
  padding-right: 16px;
381
+ }
382
+
383
+ .e-bigger .e-listview .e-list-item,
384
+ .e-listview.e-bigger .e-list-item {
385
+ border-bottom: 0 solid #edebe9;
386
+ border-left: 0 solid transparent;
387
+ border-right: 0 solid transparent;
388
+ border-top: 0 solid transparent;
389
+ }
390
+ .e-bigger .e-listview:not(.e-list-template) .e-list-item,
391
+ .e-listview.e-bigger:not(.e-list-template) .e-list-item {
392
+ height: 44px;
393
+ line-height: 24px;
394
+ position: relative;
395
+ }
396
+ .e-bigger .e-listview .e-text-content,
397
+ .e-listview.e-bigger .e-text-content {
398
+ font-size: 16px;
399
+ }
400
+ .e-bigger .e-listview .e-list-group-item,
401
+ .e-listview.e-bigger .e-list-group-item {
402
+ height: 44px;
403
+ line-height: 24px;
404
+ padding: 10px 16px;
405
+ font-size: 16px;
406
+ }
407
+ .e-bigger .e-listview .e-list-header,
408
+ .e-listview.e-bigger .e-list-header {
409
+ -webkit-box-align: center;
410
+ -ms-flex-align: center;
411
+ align-items: center;
412
+ display: -webkit-box;
413
+ display: -ms-flexbox;
414
+ display: flex;
415
+ font-weight: 600;
416
+ height: 44px;
417
+ font-size: 14px;
418
+ line-height: 22px;
419
+ padding: 10px 16px;
420
+ }
421
+ .e-bigger .e-listview .e-list-header .e-text.header,
422
+ .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
423
+ .e-listview.e-bigger .e-list-header .e-text.header,
424
+ .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
425
+ display: none;
426
+ }
427
+ .e-bigger .e-listview .e-list-header .e-text,
428
+ .e-listview.e-bigger .e-list-header .e-text {
429
+ font-size: 14px;
430
+ }
431
+ .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
432
+ .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
433
+ border: 0;
434
+ padding: 0;
435
+ margin: 0 16px 0 0;
436
+ }
437
+ .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
438
+ .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
439
+ margin: 7px 12px 7px 16px;
440
+ }
441
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
442
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
443
+ width: calc(100% - 60px);
444
+ }
445
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line),
446
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
447
+ padding: 12px 16px;
448
+ }
449
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
450
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
451
+ padding: 8px 4px;
452
+ }
453
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
454
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
455
+ font-size: 16px;
456
+ line-height: 24px;
457
+ }
458
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
459
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
460
+ font-size: 14px;
461
+ line-height: 22px;
462
+ }
463
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
464
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
465
+ height: 48px;
466
+ width: 48px;
467
+ }
468
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
469
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
470
+ font-size: 16px;
471
+ line-height: 24px;
472
472
  }
@@ -3,3 +3,4 @@
3
3
  @import 'fluent-definition.scss';
4
4
  @import 'icons/fluent.scss';
5
5
  @import 'all.scss';
6
+ @import 'bigger.scss';
@@ -102,7 +102,7 @@
102
102
  cursor: pointer;
103
103
  font-size: 12px;
104
104
  position: absolute;
105
- right: 0%;
105
+ right: 3px;
106
106
  top: 50%;
107
107
  -webkit-transform: translateY(-50%);
108
108
  transform: translateY(-50%);
@@ -140,7 +140,7 @@
140
140
  vertical-align: middle;
141
141
  white-space: nowrap;
142
142
  width: 100%;
143
- padding: 6px 12px;
143
+ padding: 6px 4px;
144
144
  }
145
145
 
146
146
  .e-listview .e-list-icon + .e-list-text, .e-listview .e-icon-wrapper .e-list-text, .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
@@ -148,7 +148,7 @@
148
148
  }
149
149
 
150
150
  .e-listview .e-list-icon {
151
- margin-right: 12px;
151
+ margin-right: 8px;
152
152
  height: 20px;
153
153
  width: 20px;
154
154
  }
@@ -187,66 +187,6 @@
187
187
  .e-listview.e-rtl .e-icon-back {
188
188
  margin-top: 4px;
189
189
  }
190
- .e-bigger .e-listview .e-list-item,
191
- .e-listview.e-bigger .e-list-item {
192
- border-bottom: 0 solid transparent;
193
- border-left: 0 solid transparent;
194
- border-right: 0 solid transparent;
195
- border-top: 0 solid transparent;
196
- }
197
- .e-bigger .e-listview .e-list-item .e-list-text,
198
- .e-listview.e-bigger .e-list-item .e-list-text {
199
- padding: 9px 12px;
200
- }
201
- .e-bigger .e-listview:not(.e-list-template) .e-list-item,
202
- .e-listview.e-bigger:not(.e-list-template) .e-list-item {
203
- height: 40px;
204
- line-height: 22px;
205
- position: relative;
206
- }
207
- .e-bigger .e-listview .e-text-content,
208
- .e-listview.e-bigger .e-text-content {
209
- font-size: 14px;
210
- }
211
- .e-bigger .e-listview .e-list-group-item,
212
- .e-listview.e-bigger .e-list-group-item {
213
- height: 38px;
214
- line-height: 20px;
215
- }
216
- .e-bigger .e-listview .e-list-header,
217
- .e-listview.e-bigger .e-list-header {
218
- -webkit-box-align: center;
219
- -ms-flex-align: center;
220
- align-items: center;
221
- display: -webkit-box;
222
- display: -ms-flexbox;
223
- display: flex;
224
- font-weight: 600;
225
- height: 38px;
226
- }
227
- .e-bigger .e-listview .e-list-header .e-text.header,
228
- .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
229
- .e-listview.e-bigger .e-list-header .e-text.header,
230
- .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
231
- display: none;
232
- }
233
- .e-bigger .e-listview .e-list-header .e-text,
234
- .e-listview.e-bigger .e-list-header .e-text {
235
- font-size: 14px;
236
- }
237
- .e-bigger .e-listview .e-icon-collapsible,
238
- .e-listview.e-bigger .e-icon-collapsible {
239
- font-size: 14px;
240
- }
241
- .e-bigger .e-listview .e-icon-collapsible::before,
242
- .e-listview.e-bigger .e-icon-collapsible::before {
243
- padding: 5px;
244
- }
245
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
246
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
247
- width: calc(100% - 60px);
248
- }
249
-
250
190
  .e-listview {
251
191
  border-color: var(--color-sf-border-light);
252
192
  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
@@ -424,4 +364,64 @@
424
364
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
425
365
  padding-left: 10px;
426
366
  padding-right: 16px;
367
+ }
368
+
369
+ .e-bigger .e-listview .e-list-item,
370
+ .e-listview.e-bigger .e-list-item {
371
+ border-bottom: 0 solid transparent;
372
+ border-left: 0 solid transparent;
373
+ border-right: 0 solid transparent;
374
+ border-top: 0 solid transparent;
375
+ }
376
+ .e-bigger .e-listview .e-list-item .e-list-text,
377
+ .e-listview.e-bigger .e-list-item .e-list-text {
378
+ padding: 9px 12px;
379
+ }
380
+ .e-bigger .e-listview:not(.e-list-template) .e-list-item,
381
+ .e-listview.e-bigger:not(.e-list-template) .e-list-item {
382
+ height: 40px;
383
+ line-height: 22px;
384
+ position: relative;
385
+ }
386
+ .e-bigger .e-listview .e-text-content,
387
+ .e-listview.e-bigger .e-text-content {
388
+ font-size: 14px;
389
+ }
390
+ .e-bigger .e-listview .e-list-group-item,
391
+ .e-listview.e-bigger .e-list-group-item {
392
+ height: 38px;
393
+ line-height: 20px;
394
+ }
395
+ .e-bigger .e-listview .e-list-header,
396
+ .e-listview.e-bigger .e-list-header {
397
+ -webkit-box-align: center;
398
+ -ms-flex-align: center;
399
+ align-items: center;
400
+ display: -webkit-box;
401
+ display: -ms-flexbox;
402
+ display: flex;
403
+ font-weight: 600;
404
+ height: 38px;
405
+ }
406
+ .e-bigger .e-listview .e-list-header .e-text.header,
407
+ .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
408
+ .e-listview.e-bigger .e-list-header .e-text.header,
409
+ .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
410
+ display: none;
411
+ }
412
+ .e-bigger .e-listview .e-list-header .e-text,
413
+ .e-listview.e-bigger .e-list-header .e-text {
414
+ font-size: 14px;
415
+ }
416
+ .e-bigger .e-listview .e-icon-collapsible,
417
+ .e-listview.e-bigger .e-icon-collapsible {
418
+ font-size: 14px;
419
+ }
420
+ .e-bigger .e-listview .e-icon-collapsible::before,
421
+ .e-listview.e-bigger .e-icon-collapsible::before {
422
+ padding: 5px;
423
+ }
424
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
425
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
426
+ width: calc(100% - 60px);
427
427
  }
@@ -3,3 +3,4 @@
3
3
  @import 'fluent2-definition.scss';
4
4
  @import 'icons/fluent2.scss';
5
5
  @import 'all.scss';
6
+ @import 'bigger.scss';