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