effective_datatables 4.17.4 → 4.19.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +21 -0
  3. data/app/assets/javascripts/dataTables/UPGRADE.md +17 -0
  4. data/app/assets/javascripts/dataTables/buttons/buttons.bootstrap4.js +73 -19
  5. data/app/assets/javascripts/dataTables/buttons/buttons.colVis.js +166 -120
  6. data/app/assets/javascripts/dataTables/buttons/buttons.html5.js +749 -667
  7. data/app/assets/javascripts/dataTables/buttons/buttons.print.js +96 -64
  8. data/app/assets/javascripts/dataTables/buttons/dataTables.buttons.js +1568 -909
  9. data/app/assets/javascripts/dataTables/dataTables.bootstrap4.js +172 -154
  10. data/app/assets/javascripts/dataTables/jquery.dataTables.js +3119 -2704
  11. data/app/assets/javascripts/dataTables/responsive/dataTables.responsive.js +707 -531
  12. data/app/assets/javascripts/dataTables/responsive/responsive.bootstrap4.js +61 -33
  13. data/app/assets/javascripts/dataTables/rowReorder/dataTables.rowReorder.js +961 -740
  14. data/app/assets/javascripts/dataTables/rowReorder/rowReorder.bootstrap4.js +50 -30
  15. data/app/assets/javascripts/effective_datatables/filters.js.coffee +88 -0
  16. data/app/assets/stylesheets/dataTables/buttons/buttons.bootstrap4.scss +178 -151
  17. data/app/assets/stylesheets/dataTables/dataTables.bootstrap4.scss +300 -81
  18. data/app/assets/stylesheets/dataTables/responsive/responsive.bootstrap4.scss +54 -71
  19. data/app/assets/stylesheets/dataTables/rowReorder/rowReorder.bootstrap4.scss +23 -4
  20. data/app/assets/stylesheets/effective_datatables/_overrides.bootstrap4.scss +81 -39
  21. data/app/views/effective/datatables/_filter_date_range.html.haml +37 -9
  22. data/app/views/effective/datatables/_filters.html.haml +1 -1
  23. data/lib/effective_datatables/version.rb +1 -1
  24. metadata +3 -2
data/app/assets/stylesheets/dataTables/dataTables.bootstrap4.scss CHANGED
@@ -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
  }
data/app/assets/stylesheets/dataTables/responsive/responsive.bootstrap4.scss CHANGED
@@ -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
  }
data/app/assets/stylesheets/dataTables/rowReorder/rowReorder.bootstrap4.scss CHANGED
@@ -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
+ }