_datatables.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. //
  2. // DataTables
  3. //
  4. // Overwrite/Extend styles
  5. // --------------------------------------------------
  6. table.dataTable {
  7. border-collapse: collapse !important;
  8. td,
  9. th {
  10. box-sizing: border-box;
  11. }
  12. thead {
  13. > tr > th.sorting_asc,
  14. > tr > th.sorting_desc,
  15. > tr > th.sorting,
  16. > tr > td.sorting_asc,
  17. > tr > td.sorting_desc,
  18. > tr > td.sorting {
  19. padding-right: 20px;
  20. }
  21. .sorting:before,
  22. .sorting_asc:before,
  23. .sorting_desc:before,
  24. .sorting_asc_disabled:before,
  25. .sorting_desc_disabled:before {
  26. display: none;
  27. }
  28. .sorting:after,
  29. .sorting_asc:after,
  30. .sorting_desc:after,
  31. .sorting_asc_disabled:after,
  32. .sorting_desc_disabled:after {
  33. top: 10px;
  34. right: 6px;
  35. bottom: auto;
  36. font-family: FontAwesome;
  37. font-size: 14px;
  38. opacity: .6;
  39. }
  40. .sorting:after {
  41. content: "\f0dc";
  42. }
  43. .sorting_asc:after {
  44. content: "\f106";
  45. }
  46. .sorting_desc:after {
  47. content: "\f107";
  48. }
  49. }
  50. }
  51. div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  52. margin-top: 10px;
  53. justify-content: center;
  54. @include media-breakpoint-up(md) {
  55. margin-top: 2px;
  56. justify-content: flex-end;
  57. }
  58. }