47 lines
1001 B
SCSS
47 lines
1001 B
SCSS
|
// npm package: datatables.net-bs5
|
||
|
// github link: https://github.com/DataTables/Dist-DataTables-Bootstrap5
|
||
|
|
||
|
.dataTables_wrapper {
|
||
|
&.dt-bootstrap4 {
|
||
|
.dataTables_length {
|
||
|
@media(max-width: 767px) {
|
||
|
text-align: left;
|
||
|
}
|
||
|
select {
|
||
|
@extend .w-100;
|
||
|
margin-left: 10px;
|
||
|
margin-right: 10px;
|
||
|
}
|
||
|
}
|
||
|
.dataTables_filter {
|
||
|
@media(max-width: 767px) {
|
||
|
text-align: left;
|
||
|
margin-left: -19px;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
div {
|
||
|
&.dataTables_paginate {
|
||
|
ul {
|
||
|
&.pagination {
|
||
|
@extend .justify-content-center;
|
||
|
@extend .justify-content-md-end;
|
||
|
@extend .mt-3;
|
||
|
@extend .mt-md-0;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child {
|
||
|
// RTL fix
|
||
|
padding-left: 0;
|
||
|
padding-right: 12px;
|
||
|
}
|
||
|
|
||
|
div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child {
|
||
|
// RTL fix
|
||
|
padding-right: 0;
|
||
|
padding-left: 12px;
|
||
|
}
|