effective_datatables 4.17.3 → 4.18.0

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.
@@ -1,3 +1,253 @@
1
+ @charset "UTF-8";
2
+ :root {
3
+ --dt-row-selected: 2, 117, 216;
4
+ ---text: 255, 255, 255;
5
+ --dt-row-selected-link: 9, 10, 11;
6
+ --dt-row-stripe: 0, 0, 0;
7
+ --dt-row-hover: 0, 0, 0;
8
+ --dt-column-ordering: 0, 0, 0;
9
+ --dt-html-background: white;
10
+ }
11
+ :root.dark {
12
+ --dt-html-background: rgb(33, 37, 41);
13
+ }
14
+
15
+ table.dataTable td.dt-control {
16
+ text-align: center;
17
+ cursor: pointer;
18
+ }
19
+ table.dataTable td.dt-control:before {
20
+ display: inline-block;
21
+ color: rgba(0, 0, 0, 0.5);
22
+ content: "►";
23
+ }
24
+ table.dataTable tr.dt-hasChild td.dt-control:before {
25
+ content: "▼";
26
+ }
27
+
28
+ html.dark table.dataTable td.dt-control:before {
29
+ color: rgba(255, 255, 255, 0.5);
30
+ }
31
+ html.dark table.dataTable tr.dt-hasChild td.dt-control:before {
32
+ color: rgba(255, 255, 255, 0.5);
33
+ }
34
+
35
+ table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled,
36
+ table.dataTable thead > tr > td.sorting,
37
+ table.dataTable thead > tr > td.sorting_asc,
38
+ table.dataTable thead > tr > td.sorting_desc,
39
+ table.dataTable thead > tr > td.sorting_asc_disabled,
40
+ table.dataTable thead > tr > td.sorting_desc_disabled {
41
+ cursor: pointer;
42
+ position: relative;
43
+ padding-right: 26px;
44
+ }
45
+ table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after,
46
+ table.dataTable thead > tr > td.sorting:before,
47
+ table.dataTable thead > tr > td.sorting:after,
48
+ table.dataTable thead > tr > td.sorting_asc:before,
49
+ table.dataTable thead > tr > td.sorting_asc:after,
50
+ table.dataTable thead > tr > td.sorting_desc:before,
51
+ table.dataTable thead > tr > td.sorting_desc:after,
52
+ table.dataTable thead > tr > td.sorting_asc_disabled:before,
53
+ table.dataTable thead > tr > td.sorting_asc_disabled:after,
54
+ table.dataTable thead > tr > td.sorting_desc_disabled:before,
55
+ table.dataTable thead > tr > td.sorting_desc_disabled:after {
56
+ position: absolute;
57
+ display: block;
58
+ opacity: 0.125;
59
+ right: 10px;
60
+ line-height: 9px;
61
+ font-size: 0.8em;
62
+ }
63
+ table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
64
+ table.dataTable thead > tr > td.sorting:before,
65
+ table.dataTable thead > tr > td.sorting_asc:before,
66
+ table.dataTable thead > tr > td.sorting_desc:before,
67
+ table.dataTable thead > tr > td.sorting_asc_disabled:before,
68
+ table.dataTable thead > tr > td.sorting_desc_disabled:before {
69
+ bottom: 50%;
70
+ content: "▲";
71
+ content: "▲"/"";
72
+ }
73
+ table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
74
+ table.dataTable thead > tr > td.sorting:after,
75
+ table.dataTable thead > tr > td.sorting_asc:after,
76
+ table.dataTable thead > tr > td.sorting_desc:after,
77
+ table.dataTable thead > tr > td.sorting_asc_disabled:after,
78
+ table.dataTable thead > tr > td.sorting_desc_disabled:after {
79
+ top: 50%;
80
+ content: "▼";
81
+ content: "▼"/"";
82
+ }
83
+ table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
84
+ table.dataTable thead > tr > td.sorting_asc:before,
85
+ table.dataTable thead > tr > td.sorting_desc:after {
86
+ opacity: 0.6;
87
+ }
88
+ table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
89
+ table.dataTable thead > tr > td.sorting_desc_disabled:after,
90
+ table.dataTable thead > tr > td.sorting_asc_disabled:before {
91
+ display: none;
92
+ }
93
+ table.dataTable thead > tr > th:active,
94
+ table.dataTable thead > tr > td:active {
95
+ outline: none;
96
+ }
97
+
98
+ div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after,
99
+ div.dataTables_scrollBody > table.dataTable > thead > tr > td:before,
100
+ div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
101
+ display: none;
102
+ }
103
+
104
+ div.dataTables_processing {
105
+ position: absolute;
106
+ top: 50%;
107
+ left: 50%;
108
+ width: 200px;
109
+ margin-left: -100px;
110
+ margin-top: -26px;
111
+ text-align: center;
112
+ padding: 2px;
113
+ }
114
+ div.dataTables_processing > div:last-child {
115
+ position: relative;
116
+ width: 80px;
117
+ height: 15px;
118
+ margin: 1em auto;
119
+ }
120
+ div.dataTables_processing > div:last-child > div {
121
+ position: absolute;
122
+ top: 0;
123
+ width: 13px;
124
+ height: 13px;
125
+ border-radius: 50%;
126
+ background: rgb(2, 117, 216);
127
+ animation-timing-function: cubic-bezier(0, 1, 1, 0);
128
+ }
129
+ div.dataTables_processing > div:last-child > div:nth-child(1) {
130
+ left: 8px;
131
+ animation: datatables-loader-1 0.6s infinite;
132
+ }
133
+ div.dataTables_processing > div:last-child > div:nth-child(2) {
134
+ left: 8px;
135
+ animation: datatables-loader-2 0.6s infinite;
136
+ }
137
+ div.dataTables_processing > div:last-child > div:nth-child(3) {
138
+ left: 32px;
139
+ animation: datatables-loader-2 0.6s infinite;
140
+ }
141
+ div.dataTables_processing > div:last-child > div:nth-child(4) {
142
+ left: 56px;
143
+ animation: datatables-loader-3 0.6s infinite;
144
+ }
145
+
146
+ @keyframes datatables-loader-1 {
147
+ 0% {
148
+ transform: scale(0);
149
+ }
150
+ 100% {
151
+ transform: scale(1);
152
+ }
153
+ }
154
+ @keyframes datatables-loader-3 {
155
+ 0% {
156
+ transform: scale(1);
157
+ }
158
+ 100% {
159
+ transform: scale(0);
160
+ }
161
+ }
162
+ @keyframes datatables-loader-2 {
163
+ 0% {
164
+ transform: translate(0, 0);
165
+ }
166
+ 100% {
167
+ transform: translate(24px, 0);
168
+ }
169
+ }
170
+ table.dataTable.nowrap th, table.dataTable.nowrap td {
171
+ white-space: nowrap;
172
+ }
173
+ table.dataTable th.dt-left,
174
+ table.dataTable td.dt-left {
175
+ text-align: left;
176
+ }
177
+ table.dataTable th.dt-center,
178
+ table.dataTable td.dt-center,
179
+ table.dataTable td.dataTables_empty {
180
+ text-align: center;
181
+ }
182
+ table.dataTable th.dt-right,
183
+ table.dataTable td.dt-right {
184
+ text-align: right;
185
+ }
186
+ table.dataTable th.dt-justify,
187
+ table.dataTable td.dt-justify {
188
+ text-align: justify;
189
+ }
190
+ table.dataTable th.dt-nowrap,
191
+ table.dataTable td.dt-nowrap {
192
+ white-space: nowrap;
193
+ }
194
+ table.dataTable thead th,
195
+ table.dataTable thead td,
196
+ table.dataTable tfoot th,
197
+ table.dataTable tfoot td {
198
+ text-align: left;
199
+ }
200
+ table.dataTable thead th.dt-head-left,
201
+ table.dataTable thead td.dt-head-left,
202
+ table.dataTable tfoot th.dt-head-left,
203
+ table.dataTable tfoot td.dt-head-left {
204
+ text-align: left;
205
+ }
206
+ table.dataTable thead th.dt-head-center,
207
+ table.dataTable thead td.dt-head-center,
208
+ table.dataTable tfoot th.dt-head-center,
209
+ table.dataTable tfoot td.dt-head-center {
210
+ text-align: center;
211
+ }
212
+ table.dataTable thead th.dt-head-right,
213
+ table.dataTable thead td.dt-head-right,
214
+ table.dataTable tfoot th.dt-head-right,
215
+ table.dataTable tfoot td.dt-head-right {
216
+ text-align: right;
217
+ }
218
+ table.dataTable thead th.dt-head-justify,
219
+ table.dataTable thead td.dt-head-justify,
220
+ table.dataTable tfoot th.dt-head-justify,
221
+ table.dataTable tfoot td.dt-head-justify {
222
+ text-align: justify;
223
+ }
224
+ table.dataTable thead th.dt-head-nowrap,
225
+ table.dataTable thead td.dt-head-nowrap,
226
+ table.dataTable tfoot th.dt-head-nowrap,
227
+ table.dataTable tfoot td.dt-head-nowrap {
228
+ white-space: nowrap;
229
+ }
230
+ table.dataTable tbody th.dt-body-left,
231
+ table.dataTable tbody td.dt-body-left {
232
+ text-align: left;
233
+ }
234
+ table.dataTable tbody th.dt-body-center,
235
+ table.dataTable tbody td.dt-body-center {
236
+ text-align: center;
237
+ }
238
+ table.dataTable tbody th.dt-body-right,
239
+ table.dataTable tbody td.dt-body-right {
240
+ text-align: right;
241
+ }
242
+ table.dataTable tbody th.dt-body-justify,
243
+ table.dataTable tbody td.dt-body-justify {
244
+ text-align: justify;
245
+ }
246
+ table.dataTable tbody th.dt-body-nowrap,
247
+ table.dataTable tbody td.dt-body-nowrap {
248
+ white-space: nowrap;
249
+ }
250
+
1
251
  table.dataTable {
2
252
  clear: both;
3
253
  margin-top: 6px !important;
@@ -19,6 +269,36 @@ table.dataTable.nowrap th,
19
269
  table.dataTable.nowrap td {
20
270
  white-space: nowrap;
21
271
  }
272
+ table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) {
273
+ background-color: transparent;
274
+ }
275
+ table.dataTable > tbody > tr {
276
+ background-color: transparent;
277
+ }
278
+ table.dataTable > tbody > tr.selected > * {
279
+ box-shadow: inset 0 0 0 9999px rgb(2, 117, 216);
280
+ box-shadow: inset 0 0 0 9999px rgb(2, 117, 216);
281
+ color: rgb(255, 255, 255);
282
+ color: rgb(9, 10, 11);
283
+ }
284
+ table.dataTable > tbody > tr.selected a {
285
+ color: rgb(9, 10, 11);
286
+ color: rgb(9, 10, 11);
287
+ }
288
+ table.dataTable.table-striped > tbody > tr.odd > * {
289
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
290
+ }
291
+ table.dataTable.table-striped > tbody > tr.odd.selected > * {
292
+ box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
293
+ box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
294
+ }
295
+ table.dataTable.table-hover > tbody > tr:hover > * {
296
+ box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
297
+ }
298
+ table.dataTable.table-hover > tbody > tr.selected:hover > * {
299
+ box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
300
+ box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
301
+ }
22
302
 
23
303
  div.dataTables_wrapper div.dataTables_length label {
24
304
  font-weight: normal;
@@ -44,7 +324,6 @@ div.dataTables_wrapper div.dataTables_filter input {
44
324
  }
45
325
  div.dataTables_wrapper div.dataTables_info {
46
326
  padding-top: 0.85em;
47
- white-space: nowrap;
48
327
  }
49
328
  div.dataTables_wrapper div.dataTables_paginate {
50
329
  margin: 0;
@@ -67,82 +346,25 @@ div.dataTables_wrapper div.dataTables_processing {
67
346
  padding: 1em 0;
68
347
  }
69
348
 
70
- table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
71
- table.dataTable thead > tr > td.sorting_asc,
72
- table.dataTable thead > tr > td.sorting_desc,
73
- table.dataTable thead > tr > td.sorting {
74
- padding-right: 30px;
75
- }
76
- table.dataTable thead > tr > th:active,
77
- table.dataTable thead > tr > td:active {
78
- outline: none;
79
- }
80
- table.dataTable thead .sorting,
81
- table.dataTable thead .sorting_asc,
82
- table.dataTable thead .sorting_desc,
83
- table.dataTable thead .sorting_asc_disabled,
84
- table.dataTable thead .sorting_desc_disabled {
85
- cursor: pointer;
86
- position: relative;
87
- }
88
- table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
89
- table.dataTable thead .sorting_asc:before,
90
- table.dataTable thead .sorting_asc:after,
91
- table.dataTable thead .sorting_desc:before,
92
- table.dataTable thead .sorting_desc:after,
93
- table.dataTable thead .sorting_asc_disabled:before,
94
- table.dataTable thead .sorting_asc_disabled:after,
95
- table.dataTable thead .sorting_desc_disabled:before,
96
- table.dataTable thead .sorting_desc_disabled:after {
97
- position: absolute;
98
- bottom: 0.9em;
99
- display: block;
100
- opacity: 0.3;
101
- }
102
- table.dataTable thead .sorting:before,
103
- table.dataTable thead .sorting_asc:before,
104
- table.dataTable thead .sorting_desc:before,
105
- table.dataTable thead .sorting_asc_disabled:before,
106
- table.dataTable thead .sorting_desc_disabled:before {
107
- right: 1em;
108
- content: "\2191";
109
- }
110
- table.dataTable thead .sorting:after,
111
- table.dataTable thead .sorting_asc:after,
112
- table.dataTable thead .sorting_desc:after,
113
- table.dataTable thead .sorting_asc_disabled:after,
114
- table.dataTable thead .sorting_desc_disabled:after {
115
- right: 0.5em;
116
- content: "\2193";
117
- }
118
- table.dataTable thead .sorting_asc:before,
119
- table.dataTable thead .sorting_desc:after {
120
- opacity: 1;
121
- }
122
- table.dataTable thead .sorting_asc_disabled:before,
123
- table.dataTable thead .sorting_desc_disabled:after {
124
- opacity: 0;
125
- }
126
-
127
349
  div.dataTables_scrollHead table.dataTable {
128
350
  margin-bottom: 0 !important;
129
351
  }
130
352
 
131
- div.dataTables_scrollBody table {
353
+ div.dataTables_scrollBody > table {
132
354
  border-top: none;
133
355
  margin-top: 0 !important;
134
356
  margin-bottom: 0 !important;
135
357
  }
136
- div.dataTables_scrollBody table thead .sorting:before,
137
- div.dataTables_scrollBody table thead .sorting_asc:before,
138
- div.dataTables_scrollBody table thead .sorting_desc:before,
139
- div.dataTables_scrollBody table thead .sorting:after,
140
- div.dataTables_scrollBody table thead .sorting_asc:after,
141
- div.dataTables_scrollBody table thead .sorting_desc:after {
358
+ div.dataTables_scrollBody > table > thead .sorting:before,
359
+ div.dataTables_scrollBody > table > thead .sorting_asc:before,
360
+ div.dataTables_scrollBody > table > thead .sorting_desc:before,
361
+ div.dataTables_scrollBody > table > thead .sorting:after,
362
+ div.dataTables_scrollBody > table > thead .sorting_asc:after,
363
+ div.dataTables_scrollBody > table > thead .sorting_desc:after {
142
364
  display: none;
143
365
  }
144
- div.dataTables_scrollBody table tbody tr:first-child th,
145
- div.dataTables_scrollBody table tbody tr:first-child td {
366
+ div.dataTables_scrollBody > table > tbody tr:first-child th,
367
+ div.dataTables_scrollBody > table > tbody tr:first-child td {
146
368
  border-top: none;
147
369
  }
148
370
 
@@ -161,20 +383,17 @@ div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
161
383
  div.dataTables_wrapper div.dataTables_paginate {
162
384
  text-align: center;
163
385
  }
386
+ div.dataTables_wrapper div.dataTables_paginate ul.pagination {
387
+ justify-content: center !important;
388
+ }
164
389
  }
165
-
166
- table.dataTable.table-sm .sorting:before,
167
- table.dataTable.table-sm .sorting_asc:before,
168
- table.dataTable.table-sm .sorting_desc:before {
169
- top: 5px;
170
- right: 0.85em;
171
- }
172
- table.dataTable.table-sm .sorting:after,
173
- table.dataTable.table-sm .sorting_asc:after,
174
- table.dataTable.table-sm .sorting_desc:after {
175
- top: 5px;
390
+ table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
391
+ padding-right: 20px;
176
392
  }
177
393
 
394
+ table.table-bordered.dataTable {
395
+ border-right-width: 0;
396
+ }
178
397
  table.table-bordered.dataTable th,
179
398
  table.table-bordered.dataTable td {
180
399
  border-left-width: 0;
@@ -182,7 +401,7 @@ table.table-bordered.dataTable td {
182
401
  table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
183
402
  table.table-bordered.dataTable td:last-child,
184
403
  table.table-bordered.dataTable td:last-child {
185
- border-right-width: 0;
404
+ border-right-width: 1px;
186
405
  }
187
406
  table.table-bordered.dataTable tbody th,
188
407
  table.table-bordered.dataTable tbody td {
@@ -196,9 +415,9 @@ div.dataTables_scrollHead table.table-bordered {
196
415
  div.table-responsive > div.dataTables_wrapper > div.row {
197
416
  margin: 0;
198
417
  }
199
- div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
418
+ div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {
200
419
  padding-left: 0;
201
420
  }
202
- div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
421
+ div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {
203
422
  padding-right: 0;
204
423
  }
@@ -8,82 +8,54 @@ table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
8
8
  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
9
9
  display: none !important;
10
10
  }
11
- table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
12
- table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
13
- position: relative;
14
- padding-left: 30px;
11
+ table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
12
+ table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
15
13
  cursor: pointer;
16
14
  }
17
- table.dataTable.dtr-inline.collapsed:not(.reordering) > tbody > tr[role="row"] > td:first-child:before,
18
- table.dataTable.dtr-inline.collapsed:not(.reordering) > tbody > tr[role="row"] > th:first-child:before {
19
- top: 12px;
20
- left: 4px;
21
- height: 14px;
22
- width: 14px;
23
- display: block;
24
- position: absolute;
25
- color: white;
26
- border: 2px solid white;
27
- border-radius: 14px;
28
- box-shadow: 0 0 3px #444;
29
- box-sizing: content-box;
30
- text-align: center;
31
- text-indent: 0 !important;
32
- font-family: 'Courier New', Courier, monospace;
33
- line-height: 14px;
34
- content: '+';
35
- background-color: #0275d8;
36
- }
37
- table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
38
- table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
39
- content: '-';
40
- background-color: #d33333;
41
- }
42
- table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
43
- table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
44
- padding-left: 27px;
45
- }
46
- table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
47
- table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
48
- top: 5px;
49
- left: 4px;
50
- height: 14px;
51
- width: 14px;
52
- border-radius: 14px;
53
- line-height: 14px;
54
- text-indent: 3px;
15
+ table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
16
+ table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
17
+ margin-right: 0.5em;
18
+ display: inline-block;
19
+ color: rgba(0, 0, 0, 0.5);
20
+ content: "►";
21
+ }
22
+ table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before,
23
+ table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
24
+ content: "◄";
55
25
  }
26
+ table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
27
+ table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
28
+ content: "▼";
29
+ }
30
+ table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
31
+ table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
32
+ padding-left: 0.333em;
33
+ }
34
+ table.dataTable.dtr-column > tbody > tr > td.dtr-control,
35
+ table.dataTable.dtr-column > tbody > tr > th.dtr-control,
56
36
  table.dataTable.dtr-column > tbody > tr > td.control,
57
37
  table.dataTable.dtr-column > tbody > tr > th.control {
58
- position: relative;
59
38
  cursor: pointer;
60
39
  }
40
+ table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
41
+ table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
61
42
  table.dataTable.dtr-column > tbody > tr > td.control:before,
62
43
  table.dataTable.dtr-column > tbody > tr > th.control:before {
63
- top: 50%;
64
- left: 50%;
65
- height: 16px;
66
- width: 16px;
67
- margin-top: -10px;
68
- margin-left: -10px;
69
- display: block;
70
- position: absolute;
71
- color: white;
72
- border: 2px solid white;
73
- border-radius: 14px;
74
- box-shadow: 0 0 3px #444;
75
- box-sizing: content-box;
76
- text-align: center;
77
- text-indent: 0 !important;
78
- font-family: 'Courier New', Courier, monospace;
79
- line-height: 14px;
80
- content: '+';
81
- background-color: #0275d8;
44
+ display: inline-block;
45
+ color: rgba(0, 0, 0, 0.5);
46
+ content: "►";
47
+ }
48
+ table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before,
49
+ table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before,
50
+ table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before,
51
+ table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
52
+ content: "◄";
82
53
  }
54
+ table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
55
+ table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
83
56
  table.dataTable.dtr-column > tbody > tr.parent td.control:before,
84
57
  table.dataTable.dtr-column > tbody > tr.parent th.control:before {
85
- content: '-';
86
- background-color: #d33333;
58
+ content: "▼";
87
59
  }
88
60
  table.dataTable > tbody > tr.child {
89
61
  padding: 0.5em 1em;
@@ -105,6 +77,7 @@ table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
105
77
  padding-top: 0;
106
78
  }
107
79
  table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
80
+ padding-bottom: 0;
108
81
  border-bottom: none;
109
82
  }
110
83
  table.dataTable > tbody > tr.child span.dtr-title {
@@ -130,7 +103,8 @@ div.dtr-modal div.dtr-modal-display {
130
103
  bottom: 0;
131
104
  right: 0;
132
105
  width: 50%;
133
- height: 50%;
106
+ height: fit-content;
107
+ max-height: 75%;
134
108
  overflow: auto;
135
109
  margin: auto;
136
110
  z-index: 102;
@@ -142,7 +116,10 @@ div.dtr-modal div.dtr-modal-display {
142
116
  }
143
117
  div.dtr-modal div.dtr-modal-content {
144
118
  position: relative;
145
- padding: 1em;
119
+ padding: 2.5em;
120
+ }
121
+ div.dtr-modal div.dtr-modal-content h2 {
122
+ margin-top: 0;
146
123
  }
147
124
  div.dtr-modal div.dtr-modal-close {
148
125
  position: absolute;
@@ -150,16 +127,11 @@ div.dtr-modal div.dtr-modal-close {
150
127
  right: 6px;
151
128
  width: 22px;
152
129
  height: 22px;
153
- border: 1px solid #eaeaea;
154
- background-color: #f9f9f9;
155
130
  text-align: center;
156
131
  border-radius: 3px;
157
132
  cursor: pointer;
158
133
  z-index: 12;
159
134
  }
160
- div.dtr-modal div.dtr-modal-close:hover {
161
- background-color: #eaeaea;
162
- }
163
135
  div.dtr-modal div.dtr-modal-background {
164
136
  position: fixed;
165
137
  top: 0;
@@ -175,6 +147,17 @@ div.dtr-modal div.dtr-modal-background {
175
147
  width: 95%;
176
148
  }
177
149
  }
150
+ html.dark table.dataTable > tbody > tr > td.dtr-control:before {
151
+ color: rgba(255, 255, 255, 0.5) !important;
152
+ }
153
+ html.dark table.dataTable > tbody > tr.child ul.dtr-details > li {
154
+ border-bottom-color: rgb(64, 67, 70);
155
+ }
156
+ html.dark div.dtr-modal div.dtr-modal-display {
157
+ background-color: rgb(33, 37, 41);
158
+ border: 1px solid rgba(255, 255, 255, 0.15);
159
+ }
160
+
178
161
  div.dtr-bs-modal table.table tr:first-child td {
179
162
  border-top: none;
180
163
  }
@@ -1,10 +1,19 @@
1
- table.dt-rowReorder-float {
2
- position: absolute !important;
3
- opacity: 0.8;
1
+ div.dt-rowReorder-float-parent {
4
2
  table-layout: fixed;
5
3
  outline: 2px solid #0275d8;
6
- outline-offset: -2px;
7
4
  z-index: 2001;
5
+ position: absolute !important;
6
+ overflow: hidden;
7
+ border-radius: 3px;
8
+ }
9
+ div.dt-rowReorder-float-parent table.dt-rowReorder-float {
10
+ opacity: 0.9;
11
+ background-color: white;
12
+ margin: 0 !important;
13
+ }
14
+
15
+ div.dt-rowReorder-float-parent.drop-not-allowed {
16
+ cursor: not-allowed;
8
17
  }
9
18
 
10
19
  tr.dt-rowReorder-moving {
@@ -20,3 +29,13 @@ table.dataTable td.reorder {
20
29
  text-align: center;
21
30
  cursor: move;
22
31
  }
32
+
33
+ html.dark div.dt-rowReorder-float-parent {
34
+ outline-color: rgb(110, 168, 254);
35
+ }
36
+ html.dark div.dt-rowReorder-float-parent table.dt-rowReorder-float {
37
+ background-color: var(--dt-html-background);
38
+ }
39
+ html.dark tr.dt-rowReorder-moving {
40
+ outline-color: #aaa;
41
+ }