Laravel 11, Vuexy Admin 10.3, by admin@koneko.mx
This commit is contained in:
133
modules/Admin/Resources/assets/vendor/libs/datatables-fixedcolumns-bs5/fixedcolumns.bootstrap5.scss
vendored
Normal file
133
modules/Admin/Resources/assets/vendor/libs/datatables-fixedcolumns-bs5/fixedcolumns.bootstrap5.scss
vendored
Normal file
@ -0,0 +1,133 @@
|
||||
@use '../../scss/_bootstrap-extended/include' as light;
|
||||
@use '../../scss/_bootstrap-extended/include-dark' as dark;
|
||||
@import '../../scss/_custom-variables/libs';
|
||||
@import 'datatables.net-fixedcolumns-bs5/css/fixedColumns.bootstrap5';
|
||||
|
||||
// Fixed column style
|
||||
div.dataTables_scrollBody thead tr,
|
||||
div.DTFC_LeftBodyLiner thead tr {
|
||||
border-top-width: 0;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
div.dataTables_scrollBody {
|
||||
border: 0 !important;
|
||||
}
|
||||
@include app-ltr(false) {
|
||||
div.dataTables_scrollFootInner table.table-bordered tr th:first-child,
|
||||
div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
|
||||
border-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@include app-rtl(false) {
|
||||
table.dataTable thead th,
|
||||
table.dataTable thead td,
|
||||
table.dataTable tfoot th,
|
||||
table.dataTable tfoot td {
|
||||
text-align: right !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Light style
|
||||
@if $enable-light-style {
|
||||
.light-style {
|
||||
table.DTFC_Cloned tr {
|
||||
border-color: light.$table-border-color;
|
||||
}
|
||||
// fixed header and footer border
|
||||
div.dataTables_scrollFootInner table.table-bordered tr th:first-child,
|
||||
div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
|
||||
border-left: 1px solid light.$table-border-color;
|
||||
}
|
||||
// fixed column background color
|
||||
table.dataTable thead tr > .dtfc-fixed-left,
|
||||
table.dataTable thead tr > .dtfc-fixed-right,
|
||||
table.dataTable tbody tr > .dtfc-fixed-left,
|
||||
table.dataTable tbody tr > .dtfc-fixed-right,
|
||||
div.dtfc-right-top-blocker,
|
||||
div.dtfc-left-top-blocker {
|
||||
background-color: light.$card-bg;
|
||||
margin-top: 1px !important;
|
||||
height: 0px !important;
|
||||
}
|
||||
// To override BS5 css
|
||||
.dt-fixedcolumns thead {
|
||||
border-top-color: light.$table-border-color;
|
||||
}
|
||||
&[dir='rtl'] {
|
||||
div.dataTables_scrollHead,
|
||||
div.dataTables_scrollBody {
|
||||
table {
|
||||
border-width: 0;
|
||||
}
|
||||
}
|
||||
div.DTFC_LeftBodyLiner {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
div.DTFC_RightHeadWrapper,
|
||||
div.DTFC_RightBodyWrapper {
|
||||
table {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
div.DTFC_RightBodyLiner {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Dark style
|
||||
@if $enable-dark-style {
|
||||
.dark-style {
|
||||
table.DTFC_Cloned tr {
|
||||
background-color: dark.$card-bg;
|
||||
border-color: dark.$table-border-color;
|
||||
}
|
||||
div.dataTables_scrollHead table,
|
||||
div.DTFC_RightHeadWrapper table,
|
||||
table.dataTable.fixedHeader-floating,
|
||||
table.dataTable.fixedHeader-locked {
|
||||
background-color: dark.$card-bg;
|
||||
}
|
||||
// fixed header and footer border
|
||||
div.dataTables_scrollFootInner table.table-bordered tr th:first-child,
|
||||
div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
|
||||
border-left: 1px solid dark.$table-border-color !important;
|
||||
}
|
||||
// fixed column background color
|
||||
table.dataTable thead tr > .dtfc-fixed-left,
|
||||
table.dataTable thead tr > .dtfc-fixed-right,
|
||||
table.dataTable tbody tr > .dtfc-fixed-left,
|
||||
table.dataTable tbody tr > .dtfc-fixed-right,
|
||||
div.dtfc-right-top-blocker,
|
||||
div.dtfc-left-top-blocker {
|
||||
background-color: dark.$card-bg;
|
||||
margin-top: 1px !important;
|
||||
height: 0px !important;
|
||||
}
|
||||
// To override BS5 css
|
||||
.dt-fixedcolumns thead {
|
||||
border-top-color: dark.$table-border-color;
|
||||
}
|
||||
&[dir='rtl'] {
|
||||
div.dataTables_scrollHead,
|
||||
div.dataTables_scrollBody {
|
||||
table {
|
||||
border-width: 0;
|
||||
}
|
||||
}
|
||||
div.DTFC_LeftBodyLiner {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
div.DTFC_RightHeadWrapper,
|
||||
div.DTFC_RightBodyWrapper {
|
||||
table {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
div.DTFC_RightBodyLiner {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user