Skip to content

Commit b331227

Browse files
author
dtbuild
committed
f11b47714956b184c999e71340b0d6bfc938902e Fix: Default for footer in exports is true as of Buttons 3.0. I'd missed some.
https://datatables.net/forums/discussion/78352 Sync to source repo @f11b47714956b184c999e71340b0d6bfc938902e
1 parent 1472620 commit b331227

File tree

4 files changed

+365
-2
lines changed

4 files changed

+365
-2
lines changed

‎css/buttons.foundation.css

+362
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,362 @@
1+
@keyframes dtb-spinner {
2+
100% {
3+
transform: rotate(360deg);
4+
}
5+
}
6+
@-o-keyframes dtb-spinner {
7+
100% {
8+
-o-transform: rotate(360deg);
9+
transform: rotate(360deg);
10+
}
11+
}
12+
@-ms-keyframes dtb-spinner {
13+
100% {
14+
-ms-transform: rotate(360deg);
15+
transform: rotate(360deg);
16+
}
17+
}
18+
@-webkit-keyframes dtb-spinner {
19+
100% {
20+
-webkit-transform: rotate(360deg);
21+
transform: rotate(360deg);
22+
}
23+
}
24+
@-moz-keyframes dtb-spinner {
25+
100% {
26+
-moz-transform: rotate(360deg);
27+
transform: rotate(360deg);
28+
}
29+
}
30+
div.dataTables_wrapper {
31+
position: relative;
32+
}
33+
34+
div.dt-buttons {
35+
position: initial;
36+
}
37+
div.dt-buttons .dt-button {
38+
overflow: hidden;
39+
text-overflow: ellipsis;
40+
white-space: nowrap;
41+
}
42+
43+
div.dt-button-info {
44+
position: fixed;
45+
top: 50%;
46+
left: 50%;
47+
width: 400px;
48+
margin-top: -100px;
49+
margin-left: -200px;
50+
background-color: white;
51+
border-radius: 0.75em;
52+
box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
53+
text-align: center;
54+
z-index: 2003;
55+
overflow: hidden;
56+
}
57+
div.dt-button-info h2 {
58+
padding: 2rem 2rem 1rem 2rem;
59+
margin: 0;
60+
font-weight: normal;
61+
}
62+
div.dt-button-info > div {
63+
padding: 1em 2em 2em 2em;
64+
}
65+
66+
div.dtb-popover-close {
67+
position: absolute;
68+
top: 6px;
69+
right: 6px;
70+
width: 22px;
71+
height: 22px;
72+
text-align: center;
73+
border-radius: 3px;
74+
cursor: pointer;
75+
z-index: 2003;
76+
}
77+
78+
button.dtb-hide-drop {
79+
display: none !important;
80+
}
81+
82+
div.dt-button-collection-title {
83+
text-align: center;
84+
padding: 0.3em 0.5em 0.5em;
85+
margin-left: 0.5em;
86+
margin-right: 0.5em;
87+
font-size: 0.9em;
88+
white-space: nowrap;
89+
overflow: hidden;
90+
text-overflow: ellipsis;
91+
}
92+
93+
div.dt-button-collection-title:empty {
94+
display: none;
95+
}
96+
97+
span.dt-button-spacer {
98+
display: inline-block;
99+
margin: 0.5em;
100+
white-space: nowrap;
101+
}
102+
span.dt-button-spacer.bar {
103+
border-left: 1px solid rgba(0, 0, 0, 0.3);
104+
vertical-align: middle;
105+
padding-left: 0.5em;
106+
}
107+
span.dt-button-spacer.bar:empty {
108+
height: 1em;
109+
width: 1px;
110+
padding-left: 0;
111+
}
112+
113+
div.dt-button-collection .dt-button-active {
114+
padding-right: 3em;
115+
}
116+
div.dt-button-collection .dt-button-active:after {
117+
position: absolute;
118+
top: 50%;
119+
margin-top: -10px;
120+
right: 1em;
121+
display: inline-block;
122+
content: "✓";
123+
color: inherit;
124+
}
125+
div.dt-button-collection .dt-button-active.dt-button-split {
126+
padding-right: 0;
127+
}
128+
div.dt-button-collection .dt-button-active.dt-button-split:after {
129+
display: none;
130+
}
131+
div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
132+
padding-right: 3em;
133+
}
134+
div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
135+
position: absolute;
136+
top: 50%;
137+
margin-top: -10px;
138+
right: 1em;
139+
display: inline-block;
140+
content: "✓";
141+
color: inherit;
142+
}
143+
div.dt-button-collection .dt-button-active-a a {
144+
padding-right: 3em;
145+
}
146+
div.dt-button-collection .dt-button-active-a a:after {
147+
position: absolute;
148+
right: 1em;
149+
display: inline-block;
150+
content: "✓";
151+
color: inherit;
152+
}
153+
div.dt-button-collection span.dt-button-spacer {
154+
width: 100%;
155+
font-size: 0.9em;
156+
text-align: center;
157+
margin: 0.5em 0;
158+
}
159+
div.dt-button-collection span.dt-button-spacer:empty {
160+
height: 0;
161+
width: 100%;
162+
}
163+
div.dt-button-collection span.dt-button-spacer.bar {
164+
border-left: none;
165+
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
166+
padding-left: 0;
167+
}
168+
169+
@media print {
170+
table.dataTable tr > * {
171+
box-shadow: none !important;
172+
}
173+
}
174+
html.dark div.dt-button-info {
175+
background-color: var(--dt-html-background);
176+
border: 1px solid rgba(255, 255, 255, 0.15);
177+
}
178+
179+
div.dt-buttons.button-group div.dt-button-split {
180+
margin-bottom: 0;
181+
}
182+
div.dt-buttons.button-group div.dt-button-split > button:last-child {
183+
margin-right: 1px;
184+
}
185+
div.dt-buttons.button-group div.dt-button-split li {
186+
overflow: hidden;
187+
white-space: nowrap;
188+
}
189+
div.dt-buttons.button-group div.dt-button-split li a {
190+
overflow: hidden;
191+
text-overflow: ellipsis;
192+
}
193+
div.dt-buttons.button-group div.dt-button-collection {
194+
position: absolute;
195+
width: 200px;
196+
margin-top: 3px !important;
197+
z-index: 2002;
198+
border: 1px solid #cacaca;
199+
background: #fefefe;
200+
}
201+
div.dt-buttons.button-group div.dt-button-collection .dropdown.menu {
202+
position: relative;
203+
width: 100%;
204+
display: block;
205+
left: 0;
206+
border: none;
207+
background: transparent;
208+
}
209+
div.dt-buttons.button-group div.dt-button-collection .dropdown.menu .dt-button {
210+
position: relative;
211+
}
212+
div.dt-buttons.button-group div.dt-button-collection div.dt-button-collection-title {
213+
padding: 1em 0.75em 0.5em;
214+
}
215+
div.dt-buttons.button-group div.dt-button-collection div.dt-button-split {
216+
display: flex;
217+
flex-direction: row;
218+
flex-wrap: nowrap;
219+
justify-content: flex-start;
220+
align-content: flex-start;
221+
align-items: stretch;
222+
}
223+
div.dt-buttons.button-group div.dt-button-collection div.dt-button-split > *:first-child {
224+
min-width: auto;
225+
flex: 1 0 50px;
226+
padding-right: 0;
227+
}
228+
div.dt-buttons.button-group div.dt-button-collection div.dt-button-split > *:last-child {
229+
min-width: 33px;
230+
flex: 0;
231+
background: transparent;
232+
border: none;
233+
line-height: 1rem;
234+
}
235+
div.dt-buttons.button-group div.dt-button-collection div.dt-button-split > *:last-child:after {
236+
border-top-color: #1779ba;
237+
margin-left: -10px;
238+
}
239+
div.dt-buttons.button-group div.dt-button-collection.fixed {
240+
position: fixed;
241+
display: block;
242+
top: 50%;
243+
left: 50%;
244+
margin-left: -75px;
245+
border-radius: 5px;
246+
background-color: white;
247+
padding: 0.5em;
248+
}
249+
div.dt-buttons.button-group div.dt-button-collection.fixed.two-column {
250+
margin-left: -200px;
251+
}
252+
div.dt-buttons.button-group div.dt-button-collection.fixed.three-column {
253+
margin-left: -225px;
254+
}
255+
div.dt-buttons.button-group div.dt-button-collection.fixed.four-column {
256+
margin-left: -300px;
257+
}
258+
div.dt-buttons.button-group div.dt-button-collection.fixed.columns {
259+
margin-left: -409px;
260+
}
261+
@media screen and (max-width: 1024px) {
262+
div.dt-buttons.button-group div.dt-button-collection.fixed.columns {
263+
margin-left: -308px;
264+
}
265+
}
266+
@media screen and (max-width: 640px) {
267+
div.dt-buttons.button-group div.dt-button-collection.fixed.columns {
268+
margin-left: -203px;
269+
}
270+
}
271+
@media screen and (max-width: 460px) {
272+
div.dt-buttons.button-group div.dt-button-collection.fixed.columns {
273+
margin-left: -100px;
274+
}
275+
}
276+
div.dt-buttons.button-group div.dt-button-collection.fixed > :last-child {
277+
max-height: 100vh;
278+
overflow: auto;
279+
}
280+
div.dt-buttons.button-group div.dt-button-collection.two-column > :last-child, div.dt-buttons.button-group div.dt-button-collection.three-column > :last-child, div.dt-buttons.button-group div.dt-button-collection.four-column > :last-child {
281+
display: block !important;
282+
-webkit-column-gap: 8px;
283+
-moz-column-gap: 8px;
284+
-ms-column-gap: 8px;
285+
-o-column-gap: 8px;
286+
column-gap: 8px;
287+
}
288+
div.dt-buttons.button-group div.dt-button-collection.two-column > :last-child > *, div.dt-buttons.button-group div.dt-button-collection.three-column > :last-child > *, div.dt-buttons.button-group div.dt-button-collection.four-column > :last-child > * {
289+
-webkit-column-break-inside: avoid;
290+
break-inside: avoid;
291+
}
292+
div.dt-buttons.button-group div.dt-button-collection.two-column {
293+
width: 400px;
294+
}
295+
div.dt-buttons.button-group div.dt-button-collection.two-column > :last-child {
296+
padding-bottom: 1px;
297+
column-count: 2;
298+
}
299+
div.dt-buttons.button-group div.dt-button-collection.three-column {
300+
width: 450px;
301+
}
302+
div.dt-buttons.button-group div.dt-button-collection.three-column > :last-child {
303+
padding-bottom: 1px;
304+
column-count: 3;
305+
}
306+
div.dt-buttons.button-group div.dt-button-collection.four-column {
307+
width: 600px;
308+
}
309+
div.dt-buttons.button-group div.dt-button-collection.four-column > :last-child {
310+
padding-bottom: 1px;
311+
column-count: 4;
312+
}
313+
div.dt-buttons.button-group div.dt-button-collection .dt-button {
314+
border-radius: 0;
315+
}
316+
div.dt-buttons.button-group div.dt-button-collection.columns {
317+
width: auto;
318+
}
319+
div.dt-buttons.button-group div.dt-button-collection.columns > :last-child {
320+
display: flex;
321+
flex-wrap: wrap;
322+
justify-content: flex-start;
323+
align-items: center;
324+
gap: 6px;
325+
width: 818px;
326+
padding-bottom: 1px;
327+
}
328+
div.dt-buttons.button-group div.dt-button-collection.columns > :last-child .dt-button {
329+
min-width: 200px;
330+
flex: 0 1;
331+
margin: 0;
332+
}
333+
div.dt-buttons.button-group div.dt-button-collection.columns.dtb-b3 > :last-child, div.dt-buttons.button-group div.dt-button-collection.columns.dtb-b2 > :last-child, div.dt-buttons.button-group div.dt-button-collection.columns.dtb-b1 > :last-child {
334+
justify-content: space-between;
335+
}
336+
div.dt-buttons.button-group div.dt-button-collection.columns.dtb-b3 .dt-button {
337+
flex: 1 1 32%;
338+
}
339+
div.dt-buttons.button-group div.dt-button-collection.columns.dtb-b2 .dt-button {
340+
flex: 1 1 48%;
341+
}
342+
div.dt-buttons.button-group div.dt-button-collection.columns.dtb-b1 .dt-button {
343+
flex: 1 1 100%;
344+
}
345+
@media screen and (max-width: 1024px) {
346+
div.dt-buttons.button-group div.dt-button-collection.columns > :last-child {
347+
width: 612px;
348+
}
349+
}
350+
@media screen and (max-width: 640px) {
351+
div.dt-buttons.button-group div.dt-button-collection.columns > :last-child {
352+
width: 406px;
353+
}
354+
div.dt-buttons.button-group div.dt-button-collection.columns.dtb-b3 .dt-button {
355+
flex: 0 1 32%;
356+
}
357+
}
358+
@media screen and (max-width: 460px) {
359+
div.dt-buttons.button-group div.dt-button-collection.columns > :last-child {
360+
width: 200px;
361+
}
362+
}

‎css/buttons.foundation.min.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎datatables.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,5 +14,5 @@
1414
],
1515
"src-repo": "http://github.com/DataTables/Buttons",
1616
"last-tag": "3.0.0",
17-
"last-sync": "78f9e1501c7b2e585e5bb1769d6e22600790b89d"
17+
"last-sync": "f11b47714956b184c999e71340b0d6bfc938902e"
1818
}

‎js/buttons.foundation.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
// Browser
4848
factory( jQuery, window, document );
4949
}
50-
}(function( $, window, document, undefined ) {
50+
}(function( $, window, document ) {
5151
'use strict';
5252
var DataTable = $.fn.dataTable;
5353

0 commit comments

Comments
 (0)