admin-table.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. // Admin table
  2. //
  3. // Used to present actionable list of items in tabular form
  4. // Remove margins from table
  5. .card-admin-table table {
  6. @extend .m-0;
  7. }
  8. // Vertically align and compact table cells
  9. .card-admin-table th,
  10. .card-admin-table td {
  11. @extend .py-1;
  12. vertical-align: middle;
  13. }
  14. // Customize table head row to have different background
  15. // and be more compact overall
  16. .card-admin-table th {
  17. @extend .border-bottom-0;
  18. font-size: $font-size-sm;
  19. color: $table-head-color;
  20. background-color: $table-head-bg;
  21. }
  22. // Make card-body paddings same as in table
  23. .card-admin-table .card-body {
  24. padding: $table-cell-padding;
  25. }
  26. // Add upper border to card-body proceeded by table
  27. .card-admin-table table + .card-body {
  28. border-top: $table-border-width solid $table-border-color;
  29. }
  30. // Add border-radius to images in table
  31. .card-admin-table img {
  32. @extend .rounded-lg;
  33. }
  34. // Util for making item link stand out
  35. .card-admin-table .item-name {
  36. color: $body-color;
  37. }
  38. .card-admin-table h5 {
  39. @extend .font-weight-bold;
  40. @extend .m-0;
  41. font-size: $font-size-sm;
  42. line-height: $line-height-sm;
  43. a {
  44. color: $body-color;
  45. }
  46. }
  47. // Badges column
  48. .card-admin-table .badges-list {
  49. @extend .text-right;
  50. @extend .text-nowrap;
  51. @extend .pl-0;
  52. width: 0%;
  53. }
  54. // Remove underline from timestamp abbr
  55. .card-admin-table [data-timestamp] {
  56. text-decoration: none;
  57. }
  58. // Center and space verticallt the blankslate message
  59. .card-admin-table .blankslate td {
  60. @extend .text-center;
  61. p {
  62. @extend .my-3;
  63. }
  64. }