Skip to content

Commit 36b1a0d

Browse files
author
allan@datatables.net
committed
1a7c9f46e0db7865b85228c31055918a76568ed3
Sync to source repo @78abad26806853591efde2a55fe1e710e59d4ab6
1 parent e7e929f commit 36b1a0d

5 files changed

Lines changed: 202 additions & 3 deletions

File tree

‎css/responsive.semanticui.css‎

Lines changed: 198 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,198 @@
1+
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
2+
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
3+
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
4+
cursor: default !important;
5+
}
6+
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
7+
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
8+
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
9+
display: none !important;
10+
}
11+
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
12+
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
13+
cursor: pointer;
14+
}
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+
box-sizing: border-box;
20+
content: "";
21+
border-top: 5px solid transparent;
22+
border-left: 10px solid rgba(0, 0, 0, 0.5);
23+
border-bottom: 5px solid transparent;
24+
border-right: 0px solid transparent;
25+
}
26+
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before,
27+
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
28+
border-top: 5px solid transparent;
29+
border-left: 0px solid transparent;
30+
border-bottom: 5px solid transparent;
31+
border-right: 10px solid rgba(0, 0, 0, 0.5);
32+
}
33+
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
34+
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
35+
border-top: 10px solid rgba(0, 0, 0, 0.5);
36+
border-left: 5px solid transparent;
37+
border-bottom: 0px solid transparent;
38+
border-right: 5px solid transparent;
39+
}
40+
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
41+
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
42+
padding-left: 0.333em;
43+
}
44+
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
45+
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
46+
table.dataTable.dtr-column > tbody > tr > td.control,
47+
table.dataTable.dtr-column > tbody > tr > th.control {
48+
cursor: pointer;
49+
}
50+
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
51+
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
52+
table.dataTable.dtr-column > tbody > tr > td.control:before,
53+
table.dataTable.dtr-column > tbody > tr > th.control:before {
54+
display: inline-block;
55+
box-sizing: border-box;
56+
content: "";
57+
border-top: 5px solid transparent;
58+
border-left: 10px solid rgba(0, 0, 0, 0.5);
59+
border-bottom: 5px solid transparent;
60+
border-right: 0px solid transparent;
61+
}
62+
table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before,
63+
table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before,
64+
table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before,
65+
table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
66+
border-top: 5px solid transparent;
67+
border-left: 0px solid transparent;
68+
border-bottom: 5px solid transparent;
69+
border-right: 10px solid rgba(0, 0, 0, 0.5);
70+
}
71+
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before,
72+
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before,
73+
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before,
74+
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
75+
border-top: 10px solid rgba(0, 0, 0, 0.5);
76+
border-left: 5px solid transparent;
77+
border-bottom: 0px solid transparent;
78+
border-right: 5px solid transparent;
79+
}
80+
table.dataTable > tbody > tr.child {
81+
padding: 0.5em 1em;
82+
}
83+
table.dataTable > tbody > tr.child:hover {
84+
background: transparent !important;
85+
}
86+
table.dataTable > tbody > tr.child ul.dtr-details {
87+
display: inline-block;
88+
list-style-type: none;
89+
margin: 0;
90+
padding: 0;
91+
}
92+
table.dataTable > tbody > tr.child ul.dtr-details > li {
93+
border-bottom: 1px solid #efefef;
94+
padding: 0.5em 0;
95+
}
96+
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
97+
padding-top: 0;
98+
}
99+
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
100+
padding-bottom: 0;
101+
border-bottom: none;
102+
}
103+
table.dataTable > tbody > tr.child span.dtr-title {
104+
display: inline-block;
105+
min-width: 75px;
106+
font-weight: bold;
107+
}
108+
109+
div.dtr-modal {
110+
position: fixed;
111+
box-sizing: border-box;
112+
top: 0;
113+
left: 0;
114+
height: 100%;
115+
width: 100%;
116+
z-index: 100;
117+
padding: 10em 1em;
118+
}
119+
div.dtr-modal div.dtr-modal-display {
120+
position: absolute;
121+
top: 0;
122+
left: 0;
123+
bottom: 0;
124+
right: 0;
125+
width: 50%;
126+
height: fit-content;
127+
max-height: 75%;
128+
overflow: auto;
129+
margin: auto;
130+
z-index: 102;
131+
overflow: auto;
132+
background-color: #f5f5f7;
133+
border: 1px solid black;
134+
border-radius: 0.5em;
135+
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
136+
}
137+
div.dtr-modal div.dtr-modal-content {
138+
position: relative;
139+
padding: 2.5em;
140+
}
141+
div.dtr-modal div.dtr-modal-content h2 {
142+
margin-top: 0;
143+
}
144+
div.dtr-modal div.dtr-modal-close {
145+
position: absolute;
146+
top: 6px;
147+
right: 6px;
148+
width: 22px;
149+
height: 22px;
150+
text-align: center;
151+
border-radius: 3px;
152+
cursor: pointer;
153+
z-index: 12;
154+
}
155+
div.dtr-modal div.dtr-modal-background {
156+
position: fixed;
157+
top: 0;
158+
left: 0;
159+
right: 0;
160+
bottom: 0;
161+
z-index: 101;
162+
background: rgba(0, 0, 0, 0.6);
163+
}
164+
165+
@media screen and (max-width: 767px) {
166+
div.dtr-modal div.dtr-modal-display {
167+
width: 95%;
168+
}
169+
}
170+
html.dark table.dataTable > tbody > tr > td.dtr-control:before,
171+
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control:before {
172+
border-left-color: rgba(255, 255, 255, 0.5) !important;
173+
}
174+
html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right::before,
175+
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control.arrow-right::before {
176+
border-right-color: rgba(255, 255, 255, 0.5) !important;
177+
}
178+
html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
179+
html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before,
180+
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
181+
html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before {
182+
border-top-color: rgba(255, 255, 255, 0.5) !important;
183+
border-left-color: transparent !important;
184+
border-right-color: transparent !important;
185+
}
186+
html.dark table.dataTable > tbody > tr.child ul.dtr-details > li,
187+
html[data-bs-theme=dark] table.dataTable > tbody > tr.child ul.dtr-details > li {
188+
border-bottom-color: rgb(64, 67, 70);
189+
}
190+
html.dark div.dtr-modal div.dtr-modal-display,
191+
html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
192+
background-color: rgb(33, 37, 41);
193+
border: 1px solid rgba(255, 255, 255, 0.15);
194+
}
195+
196+
div.dtr-bs-modal table.table tr:first-child td {
197+
border-top: none;
198+
}

‎css/responsive.semanticui.min.css‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎datatables.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,5 +14,5 @@
1414
],
1515
"src-repo": "http://github.com/DataTables/Responsive",
1616
"last-tag": "2.5.0",
17-
"last-sync": "1a7c9f46e0db7865b85228c31055918a76568ed3"
17+
"last-sync": "78abad26806853591efde2a55fe1e710e59d4ab6"
1818
}

‎js/responsive.semanticui.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/responsive.semanticui.min.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
/*! Fomantic integration for DataTables' Responsive
22
* © SpryMedia Ltd - datatables.net/license
33
*/
4-
import jQuery from"jquery";import DataTable from"datatables.net-se";import Responsive from"datatables.net-responsive";let $=jQuery;var _display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="ui modal" role="dialog"><div class="header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="content"/></div>');_display.modal=function(t){return function(a,e,d,o){var l;return $.fn.modal?!1!==(l=d())&&(!e&&(t&&t.header&&_modal.find("div.header").empty().append('<h4 class="title">'+t.header(a)+"</h4>"),_modal.find("div.content").empty().append(l),_modal.parent().hasClass("dimmer")||_modal.appendTo("body"),_modal.modal({onHide:o}).modal("show"),!0)):_original(a,e,d,o)}};export default DataTable;
4+
import jQuery from"jquery";import DataTable from"datatables.net-se";import Responsive from"datatables.net-responsive";let $=jQuery;var _display=DataTable.Responsive.display,_original=_display.modal,_modal=$('<div class="ui modal" role="dialog"><div class="header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="content"/></div>');_display.modal=function(t){return function(a,e,d,o){var l;return $.fn.modal?!1!==(l=d())&&!e&&(t&&t.header&&_modal.find("div.header").empty().append('<h4 class="title">'+t.header(a)+"</h4>"),_modal.find("div.content").empty().append(l),_modal.parent().hasClass("dimmer")||_modal.appendTo("body"),_modal.modal({onHide:o}).modal("show"),!0):_original(a,e,d,o)}};export default DataTable;

0 commit comments

Comments
 (0)