@syncfusion/ej2-lists 25.2.3 → 26.1.35-750253

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 (105) hide show
  1. package/.eslintrc.json +3 -2
  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 +255 -279
  6. package/dist/es6/ej2-lists.es2015.js.map +1 -1
  7. package/dist/es6/ej2-lists.es5.js +241 -265
  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 +10 -10
  13. package/src/common/list-base.d.ts +61 -30
  14. package/src/common/list-base.js +167 -94
  15. package/src/list-view/list-view.d.ts +7 -9
  16. package/src/list-view/list-view.js +42 -75
  17. package/src/list-view/virtualization.d.ts +0 -1
  18. package/src/list-view/virtualization.js +10 -66
  19. package/src/sortable/sortable.d.ts +5 -0
  20. package/src/sortable/sortable.js +14 -7
  21. package/styles/bootstrap-dark.css +100 -122
  22. package/styles/bootstrap-dark.scss +8 -2
  23. package/styles/bootstrap.css +100 -122
  24. package/styles/bootstrap.scss +8 -2
  25. package/styles/bootstrap4.css +139 -161
  26. package/styles/bootstrap4.scss +8 -2
  27. package/styles/bootstrap5-dark.css +101 -125
  28. package/styles/bootstrap5-dark.scss +8 -2
  29. package/styles/bootstrap5.css +101 -125
  30. package/styles/bootstrap5.scss +8 -2
  31. package/styles/fabric-dark.css +100 -122
  32. package/styles/fabric-dark.scss +8 -2
  33. package/styles/fabric.css +100 -122
  34. package/styles/fabric.scss +8 -2
  35. package/styles/fluent-dark.css +143 -165
  36. package/styles/fluent-dark.scss +8 -2
  37. package/styles/fluent.css +143 -165
  38. package/styles/fluent.scss +8 -2
  39. package/styles/fluent2.css +1485 -0
  40. package/styles/fluent2.scss +8 -0
  41. package/styles/highcontrast-light.css +100 -122
  42. package/styles/highcontrast-light.scss +8 -2
  43. package/styles/highcontrast.css +100 -122
  44. package/styles/highcontrast.scss +8 -2
  45. package/styles/list-view/_bootstrap4-definition.scss +5 -0
  46. package/styles/list-view/_bootstrap5.3-definition.scss +132 -0
  47. package/styles/list-view/_fluent2-definition.scss +132 -0
  48. package/styles/list-view/_layout.scss +377 -393
  49. package/styles/list-view/_material3-definition.scss +0 -7
  50. package/styles/list-view/_theme.scss +84 -95
  51. package/styles/list-view/bootstrap-dark.css +97 -121
  52. package/styles/list-view/bootstrap.css +97 -121
  53. package/styles/list-view/bootstrap4.css +136 -160
  54. package/styles/list-view/bootstrap5-dark.css +98 -124
  55. package/styles/list-view/bootstrap5.css +98 -124
  56. package/styles/list-view/fabric-dark.css +97 -121
  57. package/styles/list-view/fabric.css +97 -121
  58. package/styles/list-view/fluent-dark.css +140 -164
  59. package/styles/list-view/fluent.css +140 -164
  60. package/styles/list-view/fluent2.css +1455 -0
  61. package/styles/list-view/fluent2.scss +5 -0
  62. package/styles/list-view/highcontrast-light.css +97 -121
  63. package/styles/list-view/highcontrast.css +97 -121
  64. package/styles/list-view/icons/_bootstrap5.3.scss +8 -0
  65. package/styles/list-view/icons/_fluent2.scss +10 -0
  66. package/styles/list-view/material-dark.css +97 -121
  67. package/styles/list-view/material.css +97 -121
  68. package/styles/list-view/material3-dark.css +112 -136
  69. package/styles/list-view/material3.css +112 -136
  70. package/styles/list-view/tailwind-dark.css +207 -235
  71. package/styles/list-view/tailwind.css +207 -235
  72. package/styles/material-dark.css +100 -122
  73. package/styles/material-dark.scss +8 -2
  74. package/styles/material.css +100 -122
  75. package/styles/material.scss +8 -2
  76. package/styles/material3-dark.css +115 -137
  77. package/styles/material3-dark.scss +8 -2
  78. package/styles/material3.css +115 -137
  79. package/styles/material3.scss +8 -2
  80. package/styles/sortable/_bootstrap5.3-definition.scss +1 -0
  81. package/styles/sortable/_fluent2-definition.scss +1 -0
  82. package/styles/sortable/bootstrap-dark.css +3 -1
  83. package/styles/sortable/bootstrap.css +3 -1
  84. package/styles/sortable/bootstrap4.css +3 -1
  85. package/styles/sortable/bootstrap5-dark.css +3 -1
  86. package/styles/sortable/bootstrap5.css +3 -1
  87. package/styles/sortable/fabric-dark.css +3 -1
  88. package/styles/sortable/fabric.css +3 -1
  89. package/styles/sortable/fluent-dark.css +3 -1
  90. package/styles/sortable/fluent.css +3 -1
  91. package/styles/sortable/fluent2.css +1063 -0
  92. package/styles/sortable/fluent2.scss +3 -0
  93. package/styles/sortable/highcontrast-light.css +3 -1
  94. package/styles/sortable/highcontrast.css +3 -1
  95. package/styles/sortable/material-dark.css +3 -1
  96. package/styles/sortable/material.css +3 -1
  97. package/styles/sortable/material3-dark.css +4 -2
  98. package/styles/sortable/material3.css +4 -2
  99. package/styles/sortable/tailwind-dark.css +3 -1
  100. package/styles/sortable/tailwind.css +3 -1
  101. package/styles/tailwind-dark.css +210 -236
  102. package/styles/tailwind-dark.scss +8 -2
  103. package/styles/tailwind.css +210 -236
  104. package/styles/tailwind.scss +8 -2
  105. package/CHANGELOG.md +0 -544
@@ -8,168 +8,6 @@
8
8
  }
9
9
 
10
10
  /* stylelint-disable property-no-vendor-prefix */
11
- .e-bigger .e-listview .e-list-item,
12
- .e-listview.e-bigger .e-list-item {
13
- border-bottom: 0 solid transparent;
14
- border-left: 0 solid transparent;
15
- border-right: 0 solid transparent;
16
- border-top: 0 solid transparent;
17
- }
18
- .e-bigger .e-listview .e-list-item .e-text-content .e-list-text,
19
- .e-listview.e-bigger .e-list-item .e-text-content .e-list-text {
20
- font-size: 16px;
21
- }
22
- .e-bigger .e-listview:not(.e-list-template) .e-list-item,
23
- .e-listview.e-bigger:not(.e-list-template) .e-list-item {
24
- height: 48px;
25
- line-height: 23px;
26
- position: relative;
27
- padding: 12px 14px 12px 16px;
28
- }
29
- .e-bigger .e-listview .e-text-content,
30
- .e-listview.e-bigger .e-text-content {
31
- font-size: 16px;
32
- }
33
- .e-bigger .e-listview .e-list-group-item,
34
- .e-listview.e-bigger .e-list-group-item {
35
- height: 38px;
36
- line-height: 22px;
37
- padding: 8px 16px;
38
- }
39
- .e-bigger .e-listview .e-list-group-item .e-text-content,
40
- .e-listview.e-bigger .e-list-group-item .e-text-content {
41
- font-size: 14px;
42
- line-height: 22px;
43
- }
44
- .e-bigger .e-listview .e-list-header,
45
- .e-listview.e-bigger .e-list-header {
46
- -ms-flex-align: center;
47
- align-items: center;
48
- display: -ms-flexbox;
49
- display: flex;
50
- font-weight: 500;
51
- height: 38px;
52
- font-size: 14px;
53
- line-height: 21px;
54
- padding: 8px 16px;
55
- }
56
- .e-bigger .e-listview .e-list-header .e-text.header,
57
- .e-listview.e-bigger .e-list-header .e-text.header {
58
- display: none;
59
- }
60
- .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
61
- .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
62
- display: none;
63
- }
64
- .e-bigger .e-listview .e-list-header .e-text,
65
- .e-listview.e-bigger .e-list-header .e-text {
66
- font-size: 14px;
67
- }
68
- .e-bigger .e-listview .e-back-button,
69
- .e-listview.e-bigger .e-back-button {
70
- margin-right: 5px;
71
- }
72
- .e-bigger .e-listview .e-list-icon,
73
- .e-listview.e-bigger .e-list-icon {
74
- height: 24px;
75
- margin-right: 5px;
76
- width: 24px;
77
- }
78
- .e-bigger .e-listview .e-icon-collapsible,
79
- .e-listview.e-bigger .e-icon-collapsible {
80
- font-size: 24px;
81
- height: 24px;
82
- width: 24px;
83
- }
84
- .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
85
- .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
86
- margin: -2px 12px 0 0;
87
- }
88
- .e-bigger .e-listview .e-listview-checkbox.e-checkbox-right,
89
- .e-listview.e-bigger .e-listview-checkbox.e-checkbox-right {
90
- margin: -2px 0 0 12px;
91
- }
92
- .e-bigger .e-listview.e-rtl:not(.e-list-template) .e-list-item,
93
- .e-listview.e-bigger.e-rtl:not(.e-list-template) .e-list-item {
94
- padding: 12px 16px 12px 14px;
95
- }
96
- .e-bigger .e-listview.e-rtl .e-list-icon,
97
- .e-listview.e-bigger.e-rtl .e-list-icon {
98
- margin-left: 12px;
99
- }
100
- .e-bigger .e-listview.e-rtl .e-back-button,
101
- .e-listview.e-bigger.e-rtl .e-back-button {
102
- margin-left: 12px;
103
- margin-right: 0;
104
- }
105
- .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-right,
106
- .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-right {
107
- margin: -2px 12px 0 0;
108
- }
109
- .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-left,
110
- .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-left {
111
- margin: -2px 0 0 12px;
112
- }
113
- .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
114
- .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
115
- margin: 8px 16px 8px 24px;
116
- }
117
- .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
118
- .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
119
- padding-right: 88px;
120
- }
121
- .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
122
- .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
123
- padding-right: 88px;
124
- }
125
- .e-bigger .e-listview.e-list-template .e-list-header,
126
- .e-listview.e-bigger.e-list-template .e-list-header {
127
- padding: 8px 16px;
128
- }
129
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
130
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
131
- padding: 7px;
132
- }
133
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
134
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
135
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
136
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
137
- font-size: 16px;
138
- font-weight: 400;
139
- line-height: 24px;
140
- }
141
- .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar),
142
- .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
143
- padding: 0 12px 0 16px;
144
- }
145
- .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) .e-list-content,
146
- .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) .e-list-content {
147
- padding: 14px 0;
148
- }
149
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
150
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
151
- height: 48px;
152
- margin: 8px 24px 8px 16px;
153
- width: 48px;
154
- }
155
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
156
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
157
- padding-left: 88px;
158
- }
159
- .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
160
- .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
161
- padding-left: 88px;
162
- }
163
- .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
164
- .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
165
- font-size: 16px;
166
- padding: 12px 0;
167
- }
168
- .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
169
- .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
170
- width: calc(100% - 40px);
171
- }
172
-
173
11
  .e-listview {
174
12
  -webkit-overflow-scrolling: touch;
175
13
  border: 1px solid;
@@ -182,8 +20,8 @@
182
20
  .e-listview:not(.e-list-template) .e-list-item {
183
21
  height: 38px;
184
22
  line-height: 21px;
185
- padding: 8px 9px 8px 12px;
186
23
  position: relative;
24
+ padding: 8px 9px 8px 12px;
187
25
  }
188
26
  .e-listview .e-list-item {
189
27
  border-bottom: 1px solid;
@@ -198,31 +36,36 @@
198
36
  padding: 0;
199
37
  }
200
38
 
201
- .e-listview .e-list-header .e-text.header {
202
- display: none;
203
- }
204
-
205
39
  .e-listview .e-icon-back {
206
40
  height: 20px;
207
41
  width: 20px;
208
42
  }
209
43
 
210
- .e-listview .e-list-header .e-headertemplate-text.nested-header {
211
- display: none;
212
- }
213
-
214
44
  .e-listview .e-list-header {
215
- -ms-flex-align: center;
216
- align-items: center;
45
+ -webkit-box-align: center;
46
+ -ms-flex-align: center;
47
+ align-items: center;
48
+ display: -webkit-box;
217
49
  display: -ms-flexbox;
218
50
  display: flex;
219
51
  font-weight: 500;
220
52
  height: 30px;
221
53
  padding: 6px 12px;
222
54
  }
55
+ .e-listview .e-list-header .e-text.header,
56
+ .e-listview .e-list-header .e-headertemplate-text.nested-header {
57
+ display: none;
58
+ }
223
59
  .e-listview .e-list-header .e-headertext {
224
60
  text-transform: uppercase;
225
61
  }
62
+ .e-listview .e-list-header.e-list-navigation .e-text {
63
+ cursor: pointer;
64
+ }
65
+ .e-listview .e-list-header .e-text {
66
+ cursor: default;
67
+ text-indent: 0;
68
+ }
226
69
 
227
70
  .e-listview .e-has-header > .e-view {
228
71
  top: 45px;
@@ -233,17 +76,14 @@
233
76
  margin-right: 8px;
234
77
  }
235
78
 
236
- .e-listview .e-list-group-item:first-child {
237
- border: 0;
238
- border-bottom: 0 solid transparent;
239
- }
240
-
241
79
  .e-listview .e-list-group-item {
242
80
  border-bottom: 0 solid transparent;
243
81
  border-top: 0 solid;
244
82
  height: 30px;
245
83
  line-height: 18px;
246
- box-sizing: border-box;
84
+ font-weight: 600;
85
+ -webkit-box-sizing: border-box;
86
+ box-sizing: border-box;
247
87
  font-weight: 500;
248
88
  padding: 6px 12px;
249
89
  }
@@ -253,6 +93,10 @@
253
93
  .e-listview .e-list-group-item .e-list-text {
254
94
  cursor: default;
255
95
  }
96
+ .e-listview .e-list-group-item:first-child {
97
+ border: 0;
98
+ border-bottom: 0 solid transparent;
99
+ }
256
100
 
257
101
  .e-listview .e-icon-collapsible {
258
102
  cursor: pointer;
@@ -260,7 +104,8 @@
260
104
  position: absolute;
261
105
  right: 0%;
262
106
  top: 50%;
263
- transform: translateY(-50%);
107
+ -webkit-transform: translateY(-50%);
108
+ transform: translateY(-50%);
264
109
  height: 20px;
265
110
  width: 20px;
266
111
  }
@@ -270,24 +115,21 @@
270
115
  position: relative;
271
116
  vertical-align: middle;
272
117
  }
273
-
274
- .e-listview .e-text-content * {
275
- display: inline-block;
276
- vertical-align: middle;
277
- }
278
-
279
118
  .e-listview .e-text-content.e-checkbox .e-list-text {
280
119
  width: calc(100% - 40px);
281
120
  }
282
-
283
121
  .e-listview .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
284
122
  width: calc(100% - 90px);
285
123
  }
286
-
287
124
  .e-listview .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
288
125
  width: calc(100% - 80px);
289
126
  }
290
127
 
128
+ .e-listview .e-text-content * {
129
+ display: inline-block;
130
+ vertical-align: middle;
131
+ }
132
+
291
133
  .e-listview .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
292
134
  width: calc(100% - 92px);
293
135
  }
@@ -295,7 +137,6 @@
295
137
  .e-listview .e-checkbox .e-checkbox-left {
296
138
  margin: -2px 8px 0 0;
297
139
  }
298
-
299
140
  .e-listview .e-checkbox .e-checkbox-right {
300
141
  margin: -2px 0 0 8px;
301
142
  }
@@ -310,15 +151,7 @@
310
151
  width: 100%;
311
152
  }
312
153
 
313
- .e-listview .e-list-icon + .e-list-text {
314
- width: calc(100% - 60px);
315
- }
316
-
317
- .e-listview .e-icon-wrapper .e-list-text {
318
- width: calc(100% - 60px);
319
- }
320
-
321
- .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
154
+ .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 {
322
155
  width: calc(100% - 60px);
323
156
  }
324
157
 
@@ -333,15 +166,6 @@
333
166
  position: relative;
334
167
  }
335
168
 
336
- .e-listview .e-list-header.e-list-navigation .e-text {
337
- cursor: pointer;
338
- }
339
-
340
- .e-listview .e-list-header .e-text {
341
- cursor: default;
342
- text-indent: 0;
343
- }
344
-
345
169
  .e-listview .e-text .e-headertext {
346
170
  display: inline-block;
347
171
  line-height: 18px;
@@ -361,13 +185,15 @@
361
185
  left: 0%;
362
186
  right: initial;
363
187
  top: 50%;
364
- transform: translateY(-50%) rotate(180deg);
188
+ -webkit-transform: translateY(-50%) rotate(180deg);
189
+ transform: translateY(-50%) rotate(180deg);
365
190
  }
366
191
  .e-listview.e-rtl .e-list-header .e-text {
367
192
  cursor: pointer;
368
193
  }
369
194
  .e-listview.e-rtl .e-back-button {
370
- transform: rotate(180deg);
195
+ -webkit-transform: rotate(180deg);
196
+ transform: rotate(180deg);
371
197
  margin-left: 8px;
372
198
  margin-right: 0;
373
199
  }
@@ -378,6 +204,162 @@
378
204
  margin: -2px 8px 0 0;
379
205
  }
380
206
 
207
+ .e-bigger .e-listview .e-list-item,
208
+ .e-listview.e-bigger .e-list-item {
209
+ border-bottom: 0 solid transparent;
210
+ border-left: 0 solid transparent;
211
+ border-right: 0 solid transparent;
212
+ border-top: 0 solid transparent;
213
+ }
214
+ .e-bigger .e-listview .e-list-item .e-text-content .e-list-text,
215
+ .e-listview.e-bigger .e-list-item .e-text-content .e-list-text {
216
+ font-size: 16px;
217
+ }
218
+ .e-bigger .e-listview:not(.e-list-template) .e-list-item,
219
+ .e-listview.e-bigger:not(.e-list-template) .e-list-item {
220
+ height: 48px;
221
+ line-height: 23px;
222
+ position: relative;
223
+ padding: 12px 14px 12px 16px;
224
+ }
225
+ .e-bigger .e-listview .e-text-content,
226
+ .e-listview.e-bigger .e-text-content {
227
+ font-size: 16px;
228
+ }
229
+ .e-bigger .e-listview .e-list-group-item,
230
+ .e-listview.e-bigger .e-list-group-item {
231
+ height: 38px;
232
+ line-height: 22px;
233
+ padding: 8px 16px;
234
+ }
235
+ .e-bigger .e-listview .e-list-group-item .e-text-content,
236
+ .e-listview.e-bigger .e-list-group-item .e-text-content {
237
+ font-size: 14px;
238
+ line-height: 22px;
239
+ }
240
+ .e-bigger .e-listview .e-list-header,
241
+ .e-listview.e-bigger .e-list-header {
242
+ -webkit-box-align: center;
243
+ -ms-flex-align: center;
244
+ align-items: center;
245
+ display: -webkit-box;
246
+ display: -ms-flexbox;
247
+ display: flex;
248
+ font-weight: 500;
249
+ height: 38px;
250
+ font-size: 14px;
251
+ line-height: 21px;
252
+ padding: 8px 16px;
253
+ }
254
+ .e-bigger .e-listview .e-list-header .e-text.header,
255
+ .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
256
+ .e-listview.e-bigger .e-list-header .e-text.header,
257
+ .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
258
+ display: none;
259
+ }
260
+ .e-bigger .e-listview .e-list-header .e-text,
261
+ .e-listview.e-bigger .e-list-header .e-text {
262
+ font-size: 14px;
263
+ }
264
+ .e-bigger .e-listview .e-back-button,
265
+ .e-listview.e-bigger .e-back-button {
266
+ margin-right: 5px;
267
+ }
268
+ .e-bigger .e-listview .e-list-icon,
269
+ .e-listview.e-bigger .e-list-icon {
270
+ height: 24px;
271
+ width: 24px;
272
+ margin-right: 5px;
273
+ }
274
+ .e-bigger .e-listview .e-icon-collapsible,
275
+ .e-listview.e-bigger .e-icon-collapsible {
276
+ font-size: 24px;
277
+ height: 24px;
278
+ width: 24px;
279
+ }
280
+ .e-bigger .e-listview .e-listview-checkbox.e-checkbox-left,
281
+ .e-listview.e-bigger .e-listview-checkbox.e-checkbox-left {
282
+ margin: -2px 12px 0 0;
283
+ }
284
+ .e-bigger .e-listview .e-listview-checkbox.e-checkbox-right,
285
+ .e-listview.e-bigger .e-listview-checkbox.e-checkbox-right {
286
+ margin: -2px 0 0 12px;
287
+ }
288
+ .e-bigger .e-listview.e-rtl:not(.e-list-template) .e-list-item,
289
+ .e-listview.e-bigger.e-rtl:not(.e-list-template) .e-list-item {
290
+ padding: 12px 16px 12px 14px;
291
+ }
292
+ .e-bigger .e-listview.e-rtl .e-list-icon,
293
+ .e-listview.e-bigger.e-rtl .e-list-icon {
294
+ margin-left: 12px;
295
+ }
296
+ .e-bigger .e-listview.e-rtl .e-back-button,
297
+ .e-listview.e-bigger.e-rtl .e-back-button {
298
+ margin-left: 12px;
299
+ margin-right: 0;
300
+ }
301
+ .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-left,
302
+ .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-left {
303
+ margin: -2px 0 0 12px;
304
+ }
305
+ .e-bigger .e-listview.e-rtl .e-listview-checkbox.e-checkbox-right,
306
+ .e-listview.e-bigger.e-rtl .e-listview-checkbox.e-checkbox-right {
307
+ margin: -2px 12px 0 0;
308
+ }
309
+ .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
310
+ .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
311
+ margin: 8px 16px 8px 24px;
312
+ }
313
+ .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge), .e-bigger .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
314
+ .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
315
+ .e-listview.e-bigger.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
316
+ padding-right: 88px;
317
+ }
318
+ .e-bigger .e-listview.e-list-template .e-list-header,
319
+ .e-listview.e-bigger.e-list-template .e-list-header {
320
+ padding: 8px 16px;
321
+ }
322
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line,
323
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line {
324
+ padding: 7px;
325
+ }
326
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
327
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
328
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
329
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
330
+ font-size: 16px;
331
+ line-height: 24px;
332
+ font-weight: 400;
333
+ }
334
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar),
335
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) {
336
+ padding: 0 12px 0 16px;
337
+ }
338
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) .e-list-content,
339
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line).e-list-badge:not(.e-list-avatar) .e-list-content {
340
+ padding: 14px 0;
341
+ }
342
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
343
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
344
+ height: 48px;
345
+ width: 48px;
346
+ margin: 8px 24px 8px 16px;
347
+ }
348
+ .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge), .e-bigger .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
349
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
350
+ .e-listview.e-bigger.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
351
+ padding-left: 88px;
352
+ }
353
+ .e-bigger .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
354
+ .e-listview.e-bigger.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
355
+ font-size: 16px;
356
+ padding: 12px 0;
357
+ }
358
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
359
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
360
+ width: calc(100% - 40px);
361
+ }
362
+
381
363
  .e-listview {
382
364
  border-color: #e5e7eb;
383
365
  font-family: "Inter";
@@ -385,8 +367,8 @@
385
367
  }
386
368
  .e-listview .e-list-header {
387
369
  background-color: #f3f4f6;
388
- border-color: transparent;
389
370
  color: #6b7280;
371
+ border-color: transparent;
390
372
  font-size: 12px;
391
373
  }
392
374
 
@@ -398,39 +380,34 @@
398
380
  }
399
381
 
400
382
  .e-listview .e-list-item {
401
- background-color: transparent;
402
383
  border-bottom: 0 solid transparent;
403
384
  border-left: 0 solid transparent;
404
385
  border-right: 0 solid transparent;
405
386
  border-top: 0 solid transparent;
387
+ background-color: transparent;
406
388
  color: #111827;
407
389
  }
408
-
409
390
  .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
410
391
  background-color: #f3f4f6;
411
- border-color: transparent;
412
392
  color: #111827;
393
+ border-color: transparent;
413
394
  }
414
-
415
395
  .e-listview .e-list-item.e-active {
416
396
  background-color: #e5e7eb;
417
397
  color: #111827;
418
398
  }
419
-
420
399
  .e-listview .e-list-item.e-active.e-checklist {
421
400
  background-color: transparent;
422
401
  color: #111827;
423
402
  }
424
-
425
403
  .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
426
404
  background-color: #e5e7eb;
427
405
  color: #111827;
428
406
  }
429
-
430
407
  .e-listview .e-list-group-item {
431
408
  background-color: #f3f4f6;
432
- border-color: transparent;
433
409
  color: #6b7280;
410
+ border-color: transparent;
434
411
  font-size: 12px;
435
412
  }
436
413
 
@@ -476,10 +453,10 @@
476
453
  }
477
454
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
478
455
  height: 40px;
456
+ width: 40px;
457
+ top: 0;
479
458
  left: 0;
480
459
  position: absolute;
481
- top: 0;
482
- width: 40px;
483
460
  margin: 7px 16px 7px 12px;
484
461
  }
485
462
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
@@ -492,10 +469,10 @@
492
469
  }
493
470
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
494
471
  height: 40px;
495
- position: absolute;
496
- right: 0;
497
- top: 0;
498
472
  width: 40px;
473
+ top: 0;
474
+ right: 0;
475
+ position: absolute;
499
476
  }
500
477
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
501
478
  top: 0;
@@ -506,13 +483,14 @@
506
483
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
507
484
  font-size: 10px;
508
485
  height: 18px;
486
+ width: 32px;
487
+ top: 50%;
488
+ right: 12px;
509
489
  line-height: 18px;
510
490
  padding: 0;
511
491
  position: absolute;
512
- right: 12px;
513
- top: 50%;
514
- transform: translateY(-50%);
515
- width: 32px;
492
+ -webkit-transform: translateY(-50%);
493
+ transform: translateY(-50%);
516
494
  border-radius: 10px;
517
495
  }
518
496
  .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
@@ -533,16 +511,10 @@
533
511
  font-size: 14px;
534
512
  line-height: 21px;
535
513
  }
536
- .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
537
- color: #111827;
538
- }
539
- .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
540
- color: #111827;
541
- }
542
- .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
514
+ .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header, .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
543
515
  color: #111827;
544
516
  }
545
- .e-listview.e-list-template .e-list-item.e-active .e-list-content {
517
+ .e-listview.e-list-template .e-list-item.e-active .e-list-item-header, .e-listview.e-list-template .e-list-item.e-active .e-list-content {
546
518
  color: #111827;
547
519
  }
548
520
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
@@ -580,6 +552,7 @@
580
552
  outline: none;
581
553
  position: relative;
582
554
  -webkit-user-select: none;
555
+ -moz-user-select: none;
583
556
  -ms-user-select: none;
584
557
  user-select: none;
585
558
  }
@@ -590,7 +563,8 @@
590
563
  opacity: 0.35;
591
564
  }
592
565
  .e-sortable * {
593
- box-sizing: border-box;
566
+ -webkit-box-sizing: border-box;
567
+ box-sizing: border-box;
594
568
  }
595
569
  .e-sortable *:focus {
596
570
  outline: none;
@@ -1,2 +1,8 @@
1
- @import 'list-view/tailwind.scss';
2
- @import 'sortable/tailwind.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
+ @import 'ej2-buttons/styles/check-box/tailwind-definition.scss';
3
+ @import 'list-view/tailwind-definition.scss';
4
+ @import 'list-view/icons/tailwind.scss';
5
+ @import 'list-view/all.scss';
6
+
7
+ @import 'sortable/tailwind-definition.scss';
8
+ @import 'sortable/all.scss';