157 lines
3.5 KiB
SCSS
157 lines
3.5 KiB
SCSS
/*
|
|
* MDBootstrap integration with Datatables
|
|
* Learn more: https://mdbootstrap.com/docs/jquery/tables/datatables/
|
|
* About MDBootstrap: https://mdbootstrap.com/
|
|
*
|
|
* This combined file was created by the DataTables downloader builder:
|
|
* https://datatables.net/download
|
|
*
|
|
* To rebuild or modify this file with the latest versions of the included
|
|
* software please visit:
|
|
* https://datatables.net/download/#bs4/dt-1.10.18
|
|
*
|
|
* Included libraries:
|
|
* DataTables 1.10.18
|
|
*/
|
|
|
|
table.dataTable thead {
|
|
cursor: pointer;
|
|
> tr > {
|
|
th:active, td:active {
|
|
outline: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
div.dataTables_wrapper div {
|
|
&.dataTables_length {
|
|
&.d-flex.flex-row {
|
|
label {
|
|
margin-top: 1.2rem;
|
|
margin-right: 1rem;
|
|
}
|
|
.select-wrapper.mdb-select {
|
|
span, .select-dropdown {
|
|
margin-top: 1rem;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.dataTables_length,
|
|
&.dataTables_filter {
|
|
label {
|
|
text-align: left;
|
|
font-weight: normal;
|
|
padding-top: .5rem;
|
|
padding-bottom: .5rem;
|
|
}
|
|
}
|
|
&.dataTables_length {
|
|
select, input {
|
|
width: auto;
|
|
}
|
|
}
|
|
&.dataTables_filter {
|
|
select,
|
|
input {
|
|
width: auto;
|
|
}
|
|
input {
|
|
margin-left: .5rem;
|
|
display: inline-block;
|
|
}
|
|
text-align: right;
|
|
}
|
|
&.dataTables_info,
|
|
&.dataTables_paginate {
|
|
font-weight: normal;
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
&.dataTables_paginate {
|
|
text-align: right;
|
|
margin: 0;
|
|
ul.pagination {
|
|
-webkit-box-pack: end;
|
|
-webkit-justify-content: flex-end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end;
|
|
.page-item {
|
|
&.active .page-link:focus {
|
|
background-color: #4285f4;
|
|
}
|
|
.page-link:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
div.dataTables_wrapper div {
|
|
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate ul.pagination {
|
|
text-align: center;
|
|
-webkit-box-pack: center;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.bs-select select {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
table.dataTable thead {
|
|
> tr > {
|
|
th,
|
|
td {
|
|
&.sorting_asc, &.sorting_desc, &.sorting {
|
|
padding-right: 30px;
|
|
}
|
|
}
|
|
th:active, td:active {
|
|
outline: none;
|
|
}
|
|
}
|
|
.sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled {
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.sorting,
|
|
.sorting_asc,
|
|
.sorting_desc,
|
|
.sorting_asc_disabled,
|
|
.sorting_desc_disabled {
|
|
&:before, &:after {
|
|
position: absolute;
|
|
bottom: 0.9em;
|
|
display: block;
|
|
opacity: 0.3;
|
|
}
|
|
}
|
|
.sorting:before, .sorting_asc:before, .sorting_desc:before, .sorting_asc_disabled:before, .sorting_desc_disabled:before {
|
|
right: 1em;
|
|
content: "\f0de";
|
|
}
|
|
.sorting:after, .sorting_asc:after, .sorting_desc:after, .sorting_asc_disabled:after, .sorting_desc_disabled:after {
|
|
content: "\f0dd";
|
|
right: 16px;
|
|
}
|
|
.sorting:before, .sorting_asc:before, .sorting_desc:before, .sorting_asc_disabled:before, .sorting_desc_disabled:before,
|
|
.sorting:after, .sorting_asc:after, .sorting_desc:after, .sorting_asc_disabled:after, .sorting_desc_disabled:after {
|
|
font-family: 'Font Awesome\ 5 Free';
|
|
font-weight: 900;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.sorting_asc:before, .sorting_desc:after {
|
|
opacity: 1;
|
|
}
|
|
.sorting_asc_disabled:before, .sorting_desc_disabled:after {
|
|
opacity: 0;
|
|
}
|
|
} |