Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Sign in
Toggle navigation
S
sidekick
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Privat - Marco Schmiedel
sidekick
Commits
e446df03
Commit
e446df03
authored
Jul 12, 2022
by
Kevin Yumang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
SERV-2286 - datatable css WIP (no css for buttons yet)
parent
74f358de
Changes
4
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
30 additions
and
16 deletions
+30
-16
datatables.init.js
src/Views/Limitless/Datatable/Attachments/datatables.init.js
+28
-9
jquery.dataTables.min.css
...Limitless/Datatable/Attachments/jquery.dataTables.min.css
+0
-1
Config.php
src/Views/Limitless/Datatable/Config.php
+2
-2
datatable.css
src/Views/Limitless/Datatable/datatable.css
+0
-4
No files found.
src/Views/Limitless/Datatable/Attachments/datatables.init.js
View file @
e446df03
...
...
@@ -99,8 +99,9 @@ function limitless_init_datatable() {
// Define the table control elements to appear on the page and in what order.
// https://datatables.net/reference/option/dom
let
dom
=
showExportButtons
?
'
Blfrtip
'
:
'
lfrtip
'
;
let
dom
=
showExportButtons
?
'
<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"Bip>
'
:
'
<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>
'
;
// length menu
let
lengthMenu
=
[
...
...
@@ -121,7 +122,10 @@ function limitless_init_datatable() {
"
columnDefs
"
:
orderable
,
"
buttons
"
:
exportButtons
,
"
language
"
:
{
"
url
"
:
"
//cdn.datatables.net/plug-ins/1.10.19/i18n/German.json
"
"
search
"
:
'
_INPUT_
'
,
"
searchPlaceholder
"
:
'
Suchen
'
,
"
lengthMenu
"
:
'
<span>Einträge anzeigen</span> _MENU_
'
,
"
url
"
:
"
//cdn.datatables.net/plug-ins/1.10.19/i18n/German.json
"
,
},
"
lengthMenu
"
:
lengthMenu
,
"
drawCallback
"
:
function
(
settings
)
{
...
...
@@ -129,11 +133,7 @@ function limitless_init_datatable() {
// calculate height for animation
var
height
=
$
(
'
#
'
+
settings
.
sTableId
).
parents
(
'
.dataTables_wrapper
'
).
first
().
height
()
+
10
;
// add classes to filter and select dropdown
$
(
'
.dataTables_filter input
'
).
addClass
(
'
DatatableSearch
'
);
$
(
'
.dataTables_length label select
'
).
addClass
(
'
DatatableFilter
'
);
$
(
'
.dataTables_info
'
).
addClass
(
'
d-none d-lg-block d-md-block
'
);
$
(
'
.dataTables_length
'
).
addClass
(
'
d-none d-lg-block d-md-block
'
);
setSelect2
();
// get int from callback
var
callbbackid
=
settings
.
sTableId
.
replace
(
/
[^\d
.
]
/g
,
''
);
...
...
@@ -165,4 +165,23 @@ function limitless_init_datatable() {
},
300
);
}
$
(
document
).
ready
(
limitless_init_datatable
);
// Select2 for length menu styling
function
setSelect2
()
{
if
(
!
$
().
select2
)
{
console
.
warn
(
'
Warning - select2.min.js is not loaded.
'
);
return
;
}
// Initialize
$
(
'
.dataTables_length select
'
).
select2
({
minimumResultsForSearch
:
Infinity
,
dropdownAutoWidth
:
true
,
width
:
'
auto
'
});
}
$
(
document
).
ready
(
function
()
{
limitless_init_datatable
();
});
src/Views/Limitless/Datatable/Attachments/jquery.dataTables.min.css
deleted
100644 → 0
View file @
74f358de
table
.dataTable
td
.dt-control
{
text-align
:
center
;
cursor
:
pointer
}
table
.dataTable
td
.dt-control
:before
{
height
:
1em
;
width
:
1em
;
margin-top
:
-9px
;
display
:
inline-block
;
color
:
white
;
border
:
.15em
solid
white
;
border-radius
:
1em
;
box-shadow
:
0
0
.2em
#444
;
box-sizing
:
content-box
;
text-align
:
center
;
text-indent
:
0
!important
;
font-family
:
"Courier New"
,
Courier
,
monospace
;
line-height
:
1em
;
content
:
"+"
;
background-color
:
#31b131
}
table
.dataTable
tr
.dt-hasChild
td
.dt-control
:before
{
content
:
"-"
;
background-color
:
#d33333
}
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
,
table
.dataTable
thead
>
tr
>
td
.sorting
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc_disabled
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc_disabled
{
cursor
:
pointer
;
position
:
relative
;
padding-right
:
26px
}
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
,
table
.dataTable
thead
>
tr
>
td
.sorting
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc_disabled
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc_disabled
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc_disabled
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc_disabled
:after
{
position
:
absolute
;
display
:
block
;
opacity
:
.125
;
right
:
10px
;
line-height
:
9px
;
font-size
:
.9em
}
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
,
table
.dataTable
thead
>
tr
>
td
.sorting
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc_disabled
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc_disabled
:before
{
bottom
:
50%
;
content
:
"▴"
}
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
,
table
.dataTable
thead
>
tr
>
td
.sorting
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc_disabled
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc_disabled
:after
{
top
:
50%
;
content
:
"▾"
}
table
.dataTable
thead
>
tr
>
th
.sorting_asc
:before
,
table
.dataTable
thead
>
tr
>
th
.sorting_desc
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc
:after
{
opacity
:
.6
}
table
.dataTable
thead
>
tr
>
th
.sorting_desc_disabled
:after
,
table
.dataTable
thead
>
tr
>
th
.sorting_asc_disabled
:before
,
table
.dataTable
thead
>
tr
>
td
.sorting_desc_disabled
:after
,
table
.dataTable
thead
>
tr
>
td
.sorting_asc_disabled
:before
{
display
:
none
}
table
.dataTable
thead
>
tr
>
th
:active
,
table
.dataTable
thead
>
tr
>
td
:active
{
outline
:
none
}
div
.dataTables_scrollBody
table
.dataTable
thead
>
tr
>
th
:before
,
div
.dataTables_scrollBody
table
.dataTable
thead
>
tr
>
th
:after
,
div
.dataTables_scrollBody
table
.dataTable
thead
>
tr
>
td
:before
,
div
.dataTables_scrollBody
table
.dataTable
thead
>
tr
>
td
:after
{
display
:
none
}
div
.dataTables_processing
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
width
:
200px
;
margin-left
:
-100px
;
margin-top
:
-26px
;
text-align
:
center
;
padding
:
2px
}
div
.dataTables_processing
>
div
:last-child
{
position
:
relative
;
width
:
80px
;
height
:
15px
;
margin
:
1em
auto
}
div
.dataTables_processing
>
div
:last-child
>
div
{
position
:
absolute
;
top
:
0
;
width
:
13px
;
height
:
13px
;
border-radius
:
50%
;
background
:
rgba
(
13
,
110
,
253
,
0.9
);
animation-timing-function
:
cubic-bezier
(
0
,
1
,
1
,
0
)}
div
.dataTables_processing
>
div
:last-child
>
div
:nth-child
(
1
)
{
left
:
8px
;
animation
:
datatables-loader-1
.6s
infinite
}
div
.dataTables_processing
>
div
:last-child
>
div
:nth-child
(
2
)
{
left
:
8px
;
animation
:
datatables-loader-2
.6s
infinite
}
div
.dataTables_processing
>
div
:last-child
>
div
:nth-child
(
3
)
{
left
:
32px
;
animation
:
datatables-loader-2
.6s
infinite
}
div
.dataTables_processing
>
div
:last-child
>
div
:nth-child
(
4
)
{
left
:
56px
;
animation
:
datatables-loader-3
.6s
infinite
}
@keyframes
datatables-loader-1
{
0
%
{
transform
:
scale
(
0
)}
100
%
{
transform
:
scale
(
1
)}}
@keyframes
datatables-loader-3
{
0
%
{
transform
:
scale
(
1
)}
100
%
{
transform
:
scale
(
0
)}}
@keyframes
datatables-loader-2
{
0
%
{
transform
:
translate
(
0
,
0
)}
100
%
{
transform
:
translate
(
24px
,
0
)}}
table
.dataTable.nowrap
th
,
table
.dataTable.nowrap
td
{
white-space
:
nowrap
}
table
.dataTable
th
.dt-left
,
table
.dataTable
td
.dt-left
{
text-align
:
left
}
table
.dataTable
th
.dt-center
,
table
.dataTable
td
.dt-center
,
table
.dataTable
td
.dataTables_empty
{
text-align
:
center
}
table
.dataTable
th
.dt-right
,
table
.dataTable
td
.dt-right
{
text-align
:
right
}
table
.dataTable
th
.dt-justify
,
table
.dataTable
td
.dt-justify
{
text-align
:
justify
}
table
.dataTable
th
.dt-nowrap
,
table
.dataTable
td
.dt-nowrap
{
white-space
:
nowrap
}
table
.dataTable
thead
th
,
table
.dataTable
thead
td
,
table
.dataTable
tfoot
th
,
table
.dataTable
tfoot
td
{
text-align
:
left
}
table
.dataTable
thead
th
.dt-head-left
,
table
.dataTable
thead
td
.dt-head-left
,
table
.dataTable
tfoot
th
.dt-head-left
,
table
.dataTable
tfoot
td
.dt-head-left
{
text-align
:
left
}
table
.dataTable
thead
th
.dt-head-center
,
table
.dataTable
thead
td
.dt-head-center
,
table
.dataTable
tfoot
th
.dt-head-center
,
table
.dataTable
tfoot
td
.dt-head-center
{
text-align
:
center
}
table
.dataTable
thead
th
.dt-head-right
,
table
.dataTable
thead
td
.dt-head-right
,
table
.dataTable
tfoot
th
.dt-head-right
,
table
.dataTable
tfoot
td
.dt-head-right
{
text-align
:
right
}
table
.dataTable
thead
th
.dt-head-justify
,
table
.dataTable
thead
td
.dt-head-justify
,
table
.dataTable
tfoot
th
.dt-head-justify
,
table
.dataTable
tfoot
td
.dt-head-justify
{
text-align
:
justify
}
table
.dataTable
thead
th
.dt-head-nowrap
,
table
.dataTable
thead
td
.dt-head-nowrap
,
table
.dataTable
tfoot
th
.dt-head-nowrap
,
table
.dataTable
tfoot
td
.dt-head-nowrap
{
white-space
:
nowrap
}
table
.dataTable
tbody
th
.dt-body-left
,
table
.dataTable
tbody
td
.dt-body-left
{
text-align
:
left
}
table
.dataTable
tbody
th
.dt-body-center
,
table
.dataTable
tbody
td
.dt-body-center
{
text-align
:
center
}
table
.dataTable
tbody
th
.dt-body-right
,
table
.dataTable
tbody
td
.dt-body-right
{
text-align
:
right
}
table
.dataTable
tbody
th
.dt-body-justify
,
table
.dataTable
tbody
td
.dt-body-justify
{
text-align
:
justify
}
table
.dataTable
tbody
th
.dt-body-nowrap
,
table
.dataTable
tbody
td
.dt-body-nowrap
{
white-space
:
nowrap
}
table
.dataTable
{
width
:
100%
;
margin
:
0
auto
;
clear
:
both
;
border-collapse
:
separate
;
border-spacing
:
0
}
table
.dataTable
thead
th
,
table
.dataTable
tfoot
th
{
font-weight
:
bold
}
table
.dataTable
thead
th
,
table
.dataTable
thead
td
{
padding
:
10px
;
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.3
)}
table
.dataTable
thead
th
:active
,
table
.dataTable
thead
td
:active
{
outline
:
none
}
table
.dataTable
tfoot
th
,
table
.dataTable
tfoot
td
{
padding
:
10px
10px
6px
10px
;
border-top
:
1px
solid
rgba
(
0
,
0
,
0
,
0.3
)}
table
.dataTable
tbody
tr
{
background-color
:
transparent
}
table
.dataTable
tbody
tr
.selected
>*
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.9
);
color
:
white
}
table
.dataTable
tbody
th
,
table
.dataTable
tbody
td
{
padding
:
8px
10px
}
table
.dataTable.row-border
tbody
th
,
table
.dataTable.row-border
tbody
td
,
table
.dataTable.display
tbody
th
,
table
.dataTable.display
tbody
td
{
border-top
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
)}
table
.dataTable.row-border
tbody
tr
:first-child
th
,
table
.dataTable.row-border
tbody
tr
:first-child
td
,
table
.dataTable.display
tbody
tr
:first-child
th
,
table
.dataTable.display
tbody
tr
:first-child
td
{
border-top
:
none
}
table
.dataTable.cell-border
tbody
th
,
table
.dataTable.cell-border
tbody
td
{
border-top
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
);
border-right
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
)}
table
.dataTable.cell-border
tbody
tr
th
:first-child
,
table
.dataTable.cell-border
tbody
tr
td
:first-child
{
border-left
:
1px
solid
rgba
(
0
,
0
,
0
,
0.15
)}
table
.dataTable.cell-border
tbody
tr
:first-child
th
,
table
.dataTable.cell-border
tbody
tr
:first-child
td
{
border-top
:
none
}
table
.dataTable.stripe
>
tbody
>
tr
.odd
>*,
table
.dataTable.display
>
tbody
>
tr
.odd
>*
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.023
)}
table
.dataTable.stripe
>
tbody
>
tr
.odd.selected
>*,
table
.dataTable.display
>
tbody
>
tr
.odd.selected
>*
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.923
)}
table
.dataTable.hover
>
tbody
>
tr
:hover
>*,
table
.dataTable.display
>
tbody
>
tr
:hover
>*
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.035
)}
table
.dataTable.hover
>
tbody
>
tr
.selected
:hover
>*,
table
.dataTable.display
>
tbody
>
tr
.selected
:hover
>*
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.935
)}
table
.dataTable.order-column
>
tbody
tr
>
.sorting_1
,
table
.dataTable.order-column
>
tbody
tr
>
.sorting_2
,
table
.dataTable.order-column
>
tbody
tr
>
.sorting_3
,
table
.dataTable.display
>
tbody
tr
>
.sorting_1
,
table
.dataTable.display
>
tbody
tr
>
.sorting_2
,
table
.dataTable.display
>
tbody
tr
>
.sorting_3
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.019
)}
table
.dataTable.order-column
>
tbody
tr
.selected
>
.sorting_1
,
table
.dataTable.order-column
>
tbody
tr
.selected
>
.sorting_2
,
table
.dataTable.order-column
>
tbody
tr
.selected
>
.sorting_3
,
table
.dataTable.display
>
tbody
tr
.selected
>
.sorting_1
,
table
.dataTable.display
>
tbody
tr
.selected
>
.sorting_2
,
table
.dataTable.display
>
tbody
tr
.selected
>
.sorting_3
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.919
)}
table
.dataTable.display
>
tbody
>
tr
.odd
>
.sorting_1
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.odd
>
.sorting_1
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.054
)}
table
.dataTable.display
>
tbody
>
tr
.odd
>
.sorting_2
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.odd
>
.sorting_2
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.047
)}
table
.dataTable.display
>
tbody
>
tr
.odd
>
.sorting_3
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.odd
>
.sorting_3
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.039
)}
table
.dataTable.display
>
tbody
>
tr
.odd.selected
>
.sorting_1
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.odd.selected
>
.sorting_1
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.954
)}
table
.dataTable.display
>
tbody
>
tr
.odd.selected
>
.sorting_2
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.odd.selected
>
.sorting_2
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.947
)}
table
.dataTable.display
>
tbody
>
tr
.odd.selected
>
.sorting_3
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.odd.selected
>
.sorting_3
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.939
)}
table
.dataTable.display
>
tbody
>
tr
.even
>
.sorting_1
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.even
>
.sorting_1
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.019
)}
table
.dataTable.display
>
tbody
>
tr
.even
>
.sorting_2
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.even
>
.sorting_2
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.011
)}
table
.dataTable.display
>
tbody
>
tr
.even
>
.sorting_3
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.even
>
.sorting_3
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.003
)}
table
.dataTable.display
>
tbody
>
tr
.even.selected
>
.sorting_1
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.even.selected
>
.sorting_1
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.919
)}
table
.dataTable.display
>
tbody
>
tr
.even.selected
>
.sorting_2
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.even.selected
>
.sorting_2
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.911
)}
table
.dataTable.display
>
tbody
>
tr
.even.selected
>
.sorting_3
,
table
.dataTable.order-column.stripe
>
tbody
>
tr
.even.selected
>
.sorting_3
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.903
)}
table
.dataTable.display
tbody
tr
:hover
>
.sorting_1
,
table
.dataTable.order-column.hover
tbody
tr
:hover
>
.sorting_1
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.082
)}
table
.dataTable.display
tbody
tr
:hover
>
.sorting_2
,
table
.dataTable.order-column.hover
tbody
tr
:hover
>
.sorting_2
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.074
)}
table
.dataTable.display
tbody
tr
:hover
>
.sorting_3
,
table
.dataTable.order-column.hover
tbody
tr
:hover
>
.sorting_3
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
0
,
0
,
0
,
0.062
)}
table
.dataTable.display
tbody
tr
:hover
.selected
>
.sorting_1
,
table
.dataTable.order-column.hover
tbody
tr
:hover
.selected
>
.sorting_1
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.982
)}
table
.dataTable.display
tbody
tr
:hover
.selected
>
.sorting_2
,
table
.dataTable.order-column.hover
tbody
tr
:hover
.selected
>
.sorting_2
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.974
)}
table
.dataTable.display
tbody
tr
:hover
.selected
>
.sorting_3
,
table
.dataTable.order-column.hover
tbody
tr
:hover
.selected
>
.sorting_3
{
box-shadow
:
inset
0
0
0
9999px
rgba
(
13
,
110
,
253
,
0.962
)}
table
.dataTable.no-footer
{
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.3
)}
table
.dataTable.compact
thead
th
,
table
.dataTable.compact
thead
td
{
padding
:
4px
17px
}
table
.dataTable.compact
tfoot
th
,
table
.dataTable.compact
tfoot
td
{
padding
:
4px
}
table
.dataTable.compact
tbody
th
,
table
.dataTable.compact
tbody
td
{
padding
:
4px
}
table
.dataTable
th
,
table
.dataTable
td
{
box-sizing
:
content-box
}
.dataTables_wrapper
{
position
:
relative
;
clear
:
both
}
.dataTables_wrapper
.dataTables_length
{
float
:
left
}
.dataTables_wrapper
.dataTables_length
select
{
border
:
1px
solid
#aaa
;
border-radius
:
3px
;
padding
:
5px
;
background-color
:
transparent
;
padding
:
4px
}
.dataTables_wrapper
.dataTables_filter
{
float
:
right
;
text-align
:
right
}
.dataTables_wrapper
.dataTables_filter
input
{
border
:
1px
solid
#aaa
;
border-radius
:
3px
;
padding
:
5px
;
background-color
:
transparent
;
margin-left
:
3px
}
.dataTables_wrapper
.dataTables_info
{
clear
:
both
;
float
:
left
;
padding-top
:
.755em
}
.dataTables_wrapper
.dataTables_paginate
{
float
:
right
;
text-align
:
right
;
padding-top
:
.25em
}
.dataTables_wrapper
.dataTables_paginate
.paginate_button
{
box-sizing
:
border-box
;
display
:
inline-block
;
min-width
:
1.5em
;
padding
:
.5em
1em
;
margin-left
:
2px
;
text-align
:
center
;
text-decoration
:
none
!important
;
cursor
:
pointer
;
color
:
#333
!important
;
border
:
1px
solid
transparent
;
border-radius
:
2px
}
.dataTables_wrapper
.dataTables_paginate
.paginate_button.current
,
.dataTables_wrapper
.dataTables_paginate
.paginate_button.current
:hover
{
color
:
#333
!important
;
border
:
1px
solid
rgba
(
0
,
0
,
0
,
0.3
);
background-color
:
rgba
(
230
,
230
,
230
,
0.1
);
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
color-stop
(
0%
,
rgba
(
230
,
230
,
230
,
0.1
)),
color-stop
(
100%
,
rgba
(
0
,
0
,
0
,
0.1
)));
background
:
-webkit-linear-gradient
(
top
,
rgba
(
230
,
230
,
230
,
0.1
)
0%
,
rgba
(
0
,
0
,
0
,
0.1
)
100%
);
background
:
-moz-linear-gradient
(
top
,
rgba
(
230
,
230
,
230
,
0.1
)
0%
,
rgba
(
0
,
0
,
0
,
0.1
)
100%
);
background
:
-ms-linear-gradient
(
top
,
rgba
(
230
,
230
,
230
,
0.1
)
0%
,
rgba
(
0
,
0
,
0
,
0.1
)
100%
);
background
:
-o-linear-gradient
(
top
,
rgba
(
230
,
230
,
230
,
0.1
)
0%
,
rgba
(
0
,
0
,
0
,
0.1
)
100%
);
background
:
linear-gradient
(
to
bottom
,
rgba
(
230
,
230
,
230
,
0.1
)
0%
,
rgba
(
0
,
0
,
0
,
0.1
)
100%
)}
.dataTables_wrapper
.dataTables_paginate
.paginate_button.disabled
,
.dataTables_wrapper
.dataTables_paginate
.paginate_button.disabled
:hover
,
.dataTables_wrapper
.dataTables_paginate
.paginate_button.disabled
:active
{
cursor
:
default
;
color
:
#666
!important
;
border
:
1px
solid
transparent
;
background
:
transparent
;
box-shadow
:
none
}
.dataTables_wrapper
.dataTables_paginate
.paginate_button
:hover
{
color
:
white
!important
;
border
:
1px
solid
#111
;
background-color
:
#585858
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
color-stop
(
0%
,
#585858
),
color-stop
(
100%
,
#111
));
background
:
-webkit-linear-gradient
(
top
,
#585858
0%
,
#111
100%
);
background
:
-moz-linear-gradient
(
top
,
#585858
0%
,
#111
100%
);
background
:
-ms-linear-gradient
(
top
,
#585858
0%
,
#111
100%
);
background
:
-o-linear-gradient
(
top
,
#585858
0%
,
#111
100%
);
background
:
linear-gradient
(
to
bottom
,
#585858
0%
,
#111
100%
)}
.dataTables_wrapper
.dataTables_paginate
.paginate_button
:active
{
outline
:
none
;
background-color
:
#2b2b2b
;
background
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
color-stop
(
0%
,
#2b2b2b
),
color-stop
(
100%
,
#0c0c0c
));
background
:
-webkit-linear-gradient
(
top
,
#2b2b2b
0%
,
#0c0c0c
100%
);
background
:
-moz-linear-gradient
(
top
,
#2b2b2b
0%
,
#0c0c0c
100%
);
background
:
-ms-linear-gradient
(
top
,
#2b2b2b
0%
,
#0c0c0c
100%
);
background
:
-o-linear-gradient
(
top
,
#2b2b2b
0%
,
#0c0c0c
100%
);
background
:
linear-gradient
(
to
bottom
,
#2b2b2b
0%
,
#0c0c0c
100%
);
box-shadow
:
inset
0
0
3px
#111
}
.dataTables_wrapper
.dataTables_paginate
.ellipsis
{
padding
:
0
1em
}
.dataTables_wrapper
.dataTables_length
,
.dataTables_wrapper
.dataTables_filter
,
.dataTables_wrapper
.dataTables_info
,
.dataTables_wrapper
.dataTables_processing
,
.dataTables_wrapper
.dataTables_paginate
{
color
:
#333
}
.dataTables_wrapper
.dataTables_scroll
{
clear
:
both
}
.dataTables_wrapper
.dataTables_scroll
div
.dataTables_scrollBody
{
-webkit-overflow-scrolling
:
touch
}
.dataTables_wrapper
.dataTables_scroll
div
.dataTables_scrollBody
>
table
>
thead
>
tr
>
th
,
.dataTables_wrapper
.dataTables_scroll
div
.dataTables_scrollBody
>
table
>
thead
>
tr
>
td
,
.dataTables_wrapper
.dataTables_scroll
div
.dataTables_scrollBody
>
table
>
tbody
>
tr
>
th
,
.dataTables_wrapper
.dataTables_scroll
div
.dataTables_scrollBody
>
table
>
tbody
>
tr
>
td
{
vertical-align
:
middle
}
.dataTables_wrapper
.dataTables_scroll
div
.dataTables_scrollBody
>
table
>
thead
>
tr
>
th
>
div
.dataTables_sizing
,
.dataTables_wrapper
.dataTables_scroll
div
.dataTables_scrollBody
>
table
>
thead
>
tr
>
td
>
div
.dataTables_sizing
,
.dataTables_wrapper
.dataTables_scroll
div
.dataTables_scrollBody
>
table
>
tbody
>
tr
>
th
>
div
.dataTables_sizing
,
.dataTables_wrapper
.dataTables_scroll
div
.dataTables_scrollBody
>
table
>
tbody
>
tr
>
td
>
div
.dataTables_sizing
{
height
:
0
;
overflow
:
hidden
;
margin
:
0
!important
;
padding
:
0
!important
}
.dataTables_wrapper.no-footer
.dataTables_scrollBody
{
border-bottom
:
1px
solid
rgba
(
0
,
0
,
0
,
0.3
)}
.dataTables_wrapper.no-footer
div
.dataTables_scrollHead
table
.dataTable
,
.dataTables_wrapper.no-footer
div
.dataTables_scrollBody
>
table
{
border-bottom
:
none
}
.dataTables_wrapper
:after
{
visibility
:
hidden
;
display
:
block
;
content
:
""
;
clear
:
both
;
height
:
0
}
@media
screen
and
(
max-width
:
767px
){
.dataTables_wrapper
.dataTables_info
,
.dataTables_wrapper
.dataTables_paginate
{
float
:
none
;
text-align
:
center
}
.dataTables_wrapper
.dataTables_paginate
{
margin-top
:
.5em
}}
@media
screen
and
(
max-width
:
640px
){
.dataTables_wrapper
.dataTables_length
,
.dataTables_wrapper
.dataTables_filter
{
float
:
none
;
text-align
:
center
}
.dataTables_wrapper
.dataTables_filter
{
margin-top
:
.5em
}}
\ No newline at end of file
src/Views/Limitless/Datatable/Config.php
View file @
e446df03
...
...
@@ -43,7 +43,6 @@
$this
->
assetAllocation
=
[
'Limitless::DatatableStart'
=>
[
'Attachments/jquery.dataTables.min.js'
,
'Attachments/jquery.dataTables.min.css'
,
'Attachments/exporting/buttons.dataTables.min.css'
,
'Attachments/exporting/dataTables.buttons.min.js'
,
'Attachments/exporting/jszip.min.js'
,
...
...
@@ -53,7 +52,8 @@
'Attachments/exporting/buttons.print.min.js'
,
'Attachments/datatables.init.js'
,
'Attachments/datatables.init.css'
,
'datatable.css'
'datatable.css'
,
secure_url
(
'/ceetrox/sidekick/resource/public/Webdesigns/design-limitless/Template/global_assets/js/plugins/forms/selects/select2.min.js'
),
]
];
}
...
...
src/Views/Limitless/Datatable/datatable.css
View file @
e446df03
.dataTables_filter
label
,
.dataTables_length
label
{
color
:
#aaa
;
}
table
.dataTable.display
>
tbody
>
tr
.odd
>
.sorting_1
{
box-shadow
:
inset
0
0
0
9999px
rgb
(
0
0
0
/
20%
);
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment