Gagan7900
164 lines
3.9 KiB
SCSS
164 lines
3.9 KiB
SCSS
/* Start Datatable Styles */
|
|
.tabulator .tabulator-header .tabulator-col {
|
|
@apply bg-white! border-gray-200! dark:!bg-bodybg dark:!border-white/10;
|
|
}
|
|
|
|
.tabulator
|
|
.tabulator-header
|
|
.tabulator-headers
|
|
.tabulator-col
|
|
.tabulator-col-content {
|
|
@apply px-6! py-3!;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell {
|
|
@apply px-6! py-3!;
|
|
}
|
|
|
|
.tabulator .tabulator-row.tabulator-row-even {
|
|
@apply bg-gray-100! dark:!bg-black/20;
|
|
}
|
|
|
|
.tabulator-row.tabulator-selectable:hover {
|
|
@apply bg-gray-100! dark:!bg-black/20;
|
|
}
|
|
|
|
.tabulator .tabulator-row {
|
|
@apply border-t! border-gray-200! dark:!border-white/10 ;
|
|
}
|
|
|
|
.tabulator .tabulator-header {
|
|
@apply border-0! bg-white! dark:!text-white dark:!bg-bodybg ;
|
|
}
|
|
|
|
.tabulator {
|
|
@apply border-0! bg-transparent! ;
|
|
}
|
|
|
|
.tabulator-row .tabulator-cell {
|
|
@apply border-gray-200! dark:!border-white/10 ;
|
|
}
|
|
|
|
.tabulator .tabulator-row .tabulator-cell:nth-child(9) {
|
|
@apply border-e-0!;
|
|
}
|
|
|
|
.tabulator .tabulator-header .tabulator-col:nth-child(9) {
|
|
@apply border-e-0!;
|
|
}
|
|
|
|
.tabulator .tabulator-footer {
|
|
@apply border-gray-200! dark:!text-defaulttextcolor/70 dark:!border-white/10;
|
|
}
|
|
|
|
.tabulator .tabulator-footer {
|
|
@apply bg-transparent! font-medium!;
|
|
}
|
|
|
|
.tabulator .tabulator-tableholder .tabulator-table {
|
|
@apply text-defaulttextcolor! dark:!text-defaulttextcolor/70 bg-transparent!;
|
|
}
|
|
|
|
.tabulator-row {
|
|
@apply bg-transparent!;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-paginator {
|
|
@apply dark:!text-white;
|
|
}
|
|
|
|
select.tabulator-page-size {
|
|
@apply bg-[length:1rem_1rem]!;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-page-size {
|
|
@apply py-1! ps-3! pe-8! leading-[1.6]! text-xs! border-gray-200! dark:!border-white/10 bg-transparent! rounded-md! ;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-page {
|
|
@apply py-1! px-3! rounded-md! border-gray-200! dark:!border-white/10 text-defaulttextcolor! dark:!text-defaulttextcolor/70 bg-transparent!;
|
|
}
|
|
|
|
.tabulator .tabulator-footer .tabulator-page.active {
|
|
@apply text-primary!;
|
|
}
|
|
.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
|
|
@apply text-primary! bg-primary/30!;
|
|
}
|
|
select.tabulator-page-size {
|
|
@apply filter!;
|
|
option {
|
|
@apply dark:!bg-bodybg border-gray-200! dark:!border-white/10;
|
|
}
|
|
}
|
|
.tabulator .tabulator-row .tabulator-cell.tabulator-row-handle {
|
|
@apply px-0!;
|
|
}
|
|
.sortable-data {
|
|
select {
|
|
@apply border-inherit! rounded-md! bg-[length:1rem_1rem]!;
|
|
}
|
|
.choices {
|
|
@apply mb-0!;
|
|
}
|
|
}
|
|
.tabulator .tabulator-col-resize-handle:last-child {
|
|
@apply hidden! ;
|
|
}
|
|
|
|
.tabulator-row .tabulator-cell.tabulator-editing {
|
|
@apply border-0! border-gray-200! dark:!border-white/10;
|
|
}
|
|
.tabulator .tabulator-footer .tabulator-footer-contents {
|
|
@apply sm:!flex-row flex-col! space-y-2! sm:!space-y-0 p-4!;
|
|
}
|
|
.tabulator .tabulator-footer .tabulator-page-size {
|
|
@apply sm:!ps-3 ps-1! sm:!pe-8 !pe-4 ;
|
|
}
|
|
.tabulator .tabulator-footer .tabulator-page {
|
|
@apply sm:!px-3 px-1!;
|
|
}
|
|
.tabulator .tabulator-footer .tabulator-paginator {
|
|
label {
|
|
@apply hidden!;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
.tabulator-col,
|
|
.tabulator-cell {
|
|
@apply w-60!;
|
|
}
|
|
}
|
|
.tabulator
|
|
.tabulator-header
|
|
.tabulator-col.tabulator-sortable[aria-sort="ascending"]
|
|
.tabulator-col-content
|
|
.tabulator-col-sorter {
|
|
@apply text-defaulttextcolor dark:text-defaulttextcolor/70;
|
|
}
|
|
.tabulator
|
|
.tabulator-header
|
|
.tabulator-col.tabulator-sortable[aria-sort="ascending"]
|
|
.tabulator-col-content
|
|
.tabulator-col-sorter
|
|
.tabulator-arrow {
|
|
@apply border-b-gray-200 dark:border-b-white/10;
|
|
}
|
|
.tabulator
|
|
.tabulator-header
|
|
.tabulator-col.tabulator-sortable[aria-sort="descending"]
|
|
.tabulator-col-content
|
|
.tabulator-col-sorter
|
|
.tabulator-arrow {
|
|
@apply border-t-gray-200 dark:border-t-white/10;
|
|
}
|
|
.tabulator .tabulator-footer .tabulator-page-size {
|
|
@apply block! mb-2! w-full! sm:!inline-block sm:!mb-0 sm:!w-auto;
|
|
}
|
|
.sortable-data{
|
|
.choices__list--dropdown .choices__item--selectable,.choices__list[aria-expanded] .choices__item--selectable {
|
|
@apply px-3!;
|
|
}
|
|
}
|
|
/* End Datatable Styles */
|