Files
MermsPanelReactJS/src/css/tables/_data-table.scss
T
CHIEFSOFT\ameye f023f1d77c Added scss
2024-12-05 10:41:45 -05:00

104 lines
1.6 KiB
SCSS

.datatable-wrapper {
table {
tfoot {
display: none;
}
}
}
table.dataTable{
thead{
.sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled{
&:before, &:after{
bottom:0.8em;
}
}
}
}
.dataTables_wrapper {
@include mobile-portrait-sm {
div.row {
margin: 10px 0px !important;
}
div[class^="col-"]:last-child {
padding: 0;
}
div[class^="col-"]:first-child {
padding: 0;
}
.dataTables_info {
padding-top:0 !important;
text-align: left !important;
}
.pagination {
justify-content: flex-start !important;
margin-top:10px !important;
}
}
@include mobile-portrait-xs {
div.row {
margin: 10px 0px !important;
}
div[class^="col-"]:last-child {
padding: 0;
}
div[class^="col-"]:first-child {
padding: 0;
}
.dataTables_info {
padding-top: 0 !important;
text-align: left !important;
}
.pagination {
justify-content: flex-start !important;
margin-top:10px !important;
}
}
}
.table-striped{
tbody {
tr:nth-of-type(odd){
background: $light-gray;
}
}
}
.table {
> thead {
> tr {
> th {
vertical-align: middle;
white-space: nowrap;
}
}
}
> tbody {
> tr {
> td{
vertical-align: middle;
white-space: nowrap;
}
}
}
}
.tabledit-toolbar {
flex-wrap: nowrap;
.btn {
margin-right: 6px;
border-radius: 0.2rem !important;
&:last-child {
margin-right: 0;
}
}
.tabledit-save-button {
margin-left:6px;
margin-right: 0;
}
.tabledit-confirm-button {
margin-left:6px;
margin-right: 0;
}
}