blob: a04d825ecbad4f2721eb38bb54d06956786c4d6c [file] [log] [blame]
Matthias Andreas Benkard7b2a3a12021-08-16 10:57:25 +02001table.footable-details,
2table.footable > thead > tr.footable-filtering > th div.form-group {
3 margin-bottom: 0;
4}
5table.footable,
6table.footable-details {
7 position: relative;
8 width: 100%;
9 border-spacing: 0;
10 border-collapse: collapse;
11}
12table.footable-hide-fouc {
13 display: none;
14}
15table > tbody > tr > td > span.footable-toggle {
16 margin-right: 8px;
17 opacity: 0.3;
18}
19table > tbody > tr > td > span.footable-toggle.last-column {
20 margin-left: 8px;
21 float: right;
22}
23table.table-condensed > tbody > tr > td > span.footable-toggle {
24 margin-right: 5px;
25}
26table.footable-details > tbody > tr > th:nth-child(1) {
27 min-width: 40px;
28 width: 120px;
29}
30table.footable-details > tbody > tr > td:nth-child(2) {
31 word-break: break-all;
32}
33table.footable-details > tbody > tr:first-child > td,
34table.footable-details > tbody > tr:first-child > th,
35table.footable-details > tfoot > tr:first-child > td,
36table.footable-details > tfoot > tr:first-child > th,
37table.footable-details > thead > tr:first-child > td,
38table.footable-details > thead > tr:first-child > th {
39 border-top-width: 0;
40}
41table.footable-details.table-bordered > tbody > tr:first-child > td,
42table.footable-details.table-bordered > tbody > tr:first-child > th,
43table.footable-details.table-bordered > tfoot > tr:first-child > td,
44table.footable-details.table-bordered > tfoot > tr:first-child > th,
45table.footable-details.table-bordered > thead > tr:first-child > td,
46table.footable-details.table-bordered > thead > tr:first-child > th {
47 border-top-width: 1px;
48}
49div.footable-loader {
50 vertical-align: middle;
51 text-align: center;
52 height: 300px;
53 position: relative;
54}
55div.footable-loader > span.fooicon {
56 display: inline-block;
57 opacity: 0.3;
58 font-size: 30px;
59 line-height: 32px;
60 width: 32px;
61 height: 32px;
62 margin-top: -16px;
63 margin-left: -16px;
64 position: absolute;
65 top: 50%;
66 left: 50%;
67 -webkit-animation: fooicon-spin-r 2s infinite linear;
68 animation: fooicon-spin-r 2s infinite linear;
69}
70table.footable > tbody > tr.footable-empty > td {
71 vertical-align: middle;
72 text-align: center;
73 font-size: 30px;
74}
75table.footable > tbody > tr > td,
76table.footable > tbody > tr > th {
77 display: none;
78}
79table.footable > tbody > tr.footable-detail-row > td,
80table.footable > tbody > tr.footable-detail-row > th,
81table.footable > tbody > tr.footable-empty > td,
82table.footable > tbody > tr.footable-empty > th {
83 display: table-cell;
84}
85@-webkit-keyframes fooicon-spin-r {
86 0% {
87 -webkit-transform: rotate(0);
88 transform: rotate(0);
89 }
90 100% {
91 -webkit-transform: rotate(359deg);
92 transform: rotate(359deg);
93 }
94}
95@keyframes fooicon-spin-r {
96 0% {
97 -webkit-transform: rotate(0);
98 transform: rotate(0);
99 }
100 100% {
101 -webkit-transform: rotate(359deg);
102 transform: rotate(359deg);
103 }
104}
105.fooicon {
106 position: relative;
107 top: 0px;
108 display: inline-block;
109 font-family: "bootstrap-icons" !important;
110 font-style: normal;
111 font-weight: 400;
112 line-height: 1;
113 -webkit-font-smoothing: antialiased;
114 -moz-osx-font-smoothing: grayscale;
115}
116@-moz-document url-prefix() {
117 .fooicon {
118 top: 2px;
119 }
120}
121.fooicon:after,
122.fooicon:before {
123 -webkit-box-sizing: border-box;
124 -moz-box-sizing: border-box;
125 box-sizing: border-box;
126}
127.fooicon-loader:before {
128 content: "\f130";
129}
130.fooicon-plus:before {
131 content: "\f4fc";
132}
133.fooicon-minus:before {
134 content: "\f2e8";
135}
136.fooicon-search:before {
137 content: "\f52a";
138}
139.fooicon-remove:before {
140 content: "\f62a";
141}
142.fooicon-sort:before {
143 content: "\f3c6";
144}
145.fooicon-sort-asc:before {
146 content: "\f575";
147}
148.fooicon-sort-desc:before {
149 content: "\f57b";
150}
151.fooicon-pencil:before {
152 content: "\f4c9";
153}
154.fooicon-trash:before {
155 content: "\f62a";
156}
157.fooicon-eye-close:before {
158 content: "\f33f";
159}
160.fooicon-flash:before {
161 content: "\f46e";
162}
163.fooicon-cog:before {
164 content: "\f3e2";
165}
166.fooicon-stats:before {
167 content: "\f359";
168}
169table.footable > thead > tr.footable-filtering > th {
170 border-bottom-width: 1px;
171 font-weight: 400;
172}
173.footable-filtering-external.footable-filtering-right,
174table.footable.footable-filtering-right > thead > tr.footable-filtering > th,
175table.footable > thead > tr.footable-filtering > th {
176 text-align: right;
177}
178.footable-filtering-external.footable-filtering-left,
179table.footable.footable-filtering-left > thead > tr.footable-filtering > th {
180 text-align: left;
181}
182.footable-filtering-external.footable-filtering-center,
183.footable-paging-external.footable-paging-center,
184table.footable-paging-center > tfoot > tr.footable-paging > td,
185table.footable.footable-filtering-center > thead > tr.footable-filtering > th,
186table.footable > tfoot > tr.footable-paging > td {
187 text-align: center;
188}
189table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
190 margin-top: 5px;
191}
192table.footable > thead > tr.footable-filtering > th div.input-group {
193 width: 100%;
194}
195.footable-filtering-external ul.dropdown-menu > li > a.checkbox,
196table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox {
197 margin: 0;
198 display: block;
199 position: relative;
200}
201.footable-filtering-external ul.dropdown-menu > li > a.checkbox > label,
202table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox > label {
203 display: block;
204 padding-left: 20px;
205}
206.footable-filtering-external ul.dropdown-menu > li > a.checkbox input[type="checkbox"],
207table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type="checkbox"] {
208 position: absolute;
209 margin-left: -20px;
210}
211@media (min-width: 768px) {
212 table.footable > thead > tr.footable-filtering > th div.input-group {
213 width: auto;
214 }
215 table.footable > thead > tr.footable-filtering > th div.form-group {
216 margin-left: 2px;
217 margin-right: 2px;
218 }
219 table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
220 margin-top: 0;
221 }
222}
223table.footable > tbody > tr > td.footable-sortable,
224table.footable > tbody > tr > th.footable-sortable,
225table.footable > tfoot > tr > td.footable-sortable,
226table.footable > tfoot > tr > th.footable-sortable,
227table.footable > thead > tr > td.footable-sortable,
228table.footable > thead > tr > th.footable-sortable {
229 position: relative;
230 padding-right: 30px;
231 cursor: pointer;
232}
233td.footable-sortable > span.fooicon,
234th.footable-sortable > span.fooicon {
235 position: absolute;
236 right: 6px;
237 top: 50%;
238 margin-top: -7px;
239 opacity: 0;
240 transition: opacity 0.3s ease-in;
241}
242td.footable-sortable.footable-asc > span.fooicon,
243td.footable-sortable.footable-desc > span.fooicon,
244td.footable-sortable:hover > span.fooicon,
245th.footable-sortable.footable-asc > span.fooicon,
246th.footable-sortable.footable-desc > span.fooicon,
247th.footable-sortable:hover > span.fooicon {
248 opacity: 1;
249}
250table.footable-sorting-disabled td.footable-sortable.footable-asc > span.fooicon,
251table.footable-sorting-disabled td.footable-sortable.footable-desc > span.fooicon,
252table.footable-sorting-disabled td.footable-sortable:hover > span.fooicon,
253table.footable-sorting-disabled th.footable-sortable.footable-asc > span.fooicon,
254table.footable-sorting-disabled th.footable-sortable.footable-desc > span.fooicon,
255table.footable-sorting-disabled th.footable-sortable:hover > span.fooicon {
256 opacity: 0;
257 visibility: hidden;
258}
259.footable-paging-external ul.pagination,
260table.footable > tfoot > tr.footable-paging > td > ul.pagination {
261 margin: 10px 0 0;
262}
263.footable-paging-external span.label,
264table.footable > tfoot > tr.footable-paging > td > span.label {
265 display: inline-block;
266 margin: 0 0 10px;
267 padding: 4px 10px;
268}
269.footable-paging-external.footable-paging-left,
270table.footable-paging-left > tfoot > tr.footable-paging > td {
271 text-align: left;
272}
273.footable-paging-external.footable-paging-right,
274table.footable-editing-right td.footable-editing,
275table.footable-editing-right tr.footable-editing,
276table.footable-paging-right > tfoot > tr.footable-paging > td {
277 text-align: right;
278}
279ul.pagination > li.footable-page {
280 display: none;
281}
282ul.pagination > li.footable-page.visible {
283 display: inline;
284}
285td.footable-editing {
286 width: 90px;
287 max-width: 90px;
288}
289table.footable-editing-no-delete td.footable-editing,
290table.footable-editing-no-edit td.footable-editing,
291table.footable-editing-no-view td.footable-editing {
292 width: 70px;
293 max-width: 70px;
294}
295table.footable-editing-no-delete.footable-editing-no-view td.footable-editing,
296table.footable-editing-no-edit.footable-editing-no-delete td.footable-editing,
297table.footable-editing-no-edit.footable-editing-no-view td.footable-editing {
298 width: 50px;
299 max-width: 50px;
300}
301table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view td.footable-editing,
302table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view th.footable-editing {
303 width: 0;
304 max-width: 0;
305 display: none !important;
306}
307table.footable-editing-left td.footable-editing,
308table.footable-editing-left tr.footable-editing {
309 text-align: left;
310}
311table.footable-editing button.footable-add,
312table.footable-editing button.footable-hide,
313table.footable-editing-show button.footable-show,
314table.footable-editing.footable-editing-always-show button.footable-hide,
315table.footable-editing.footable-editing-always-show button.footable-show,
316table.footable-editing.footable-editing-always-show.footable-editing-no-add tr.footable-editing {
317 display: none;
318}
319table.footable-editing.footable-editing-always-show button.footable-add,
320table.footable-editing.footable-editing-show button.footable-add,
321table.footable-editing.footable-editing-show button.footable-hide {
322 display: inline-block;
323}