_bulk_actions.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .bulk-actions-filter-checkbox {
  2. .table-headers & {
  3. > div {
  4. display: flex;
  5. align-items: center;
  6. }
  7. .bulk-actions-choices,
  8. .bulk-actions-choices > ul {
  9. display: flex;
  10. align-items: center;
  11. }
  12. .bulk-actions-choices li {
  13. margin: 0 0.5em;
  14. }
  15. }
  16. }
  17. .listing:not(.full-width) {
  18. thead th.bulk-actions-filter-checkbox,
  19. td.bulk-action-checkbox-cell {
  20. width: 50px;
  21. text-align: center;
  22. input[type='checkbox'] {
  23. margin: 0;
  24. }
  25. + th,
  26. + td {
  27. padding-inline-start: 0;
  28. }
  29. }
  30. }
  31. .bulk-actions-choices {
  32. &.footer {
  33. @include transition(transform 0.1s ease 0.1s);
  34. &.hidden {
  35. transform: translateY(200px);
  36. visibility: hidden;
  37. }
  38. .button {
  39. font-weight: 600;
  40. }
  41. }
  42. .footer__container {
  43. display: flex;
  44. justify-content: space-around;
  45. width: 100%;
  46. align-items: center;
  47. padding: 1.25em;
  48. border-radius: 4px 4px 0 0;
  49. margin-inline-start: 30px;
  50. input[type='checkbox'] {
  51. margin-inline-end: 1.25em;
  52. }
  53. .bulk-actions-buttons {
  54. border-inline-start: 1px solid theme('colors.icon-secondary');
  55. padding-inline-start: 1.5em;
  56. .bulk-action-btn {
  57. max-width: 160px;
  58. overflow-x: hidden;
  59. text-overflow: ellipsis;
  60. }
  61. }
  62. .num-objects {
  63. margin: 0 5px;
  64. }
  65. .num-objects-in-listing {
  66. color: theme('colors.text-link-default');
  67. background-color: transparent;
  68. border: 0;
  69. font-family: $font-sans;
  70. padding: 0;
  71. }
  72. .button:not(:hover) {
  73. background-color: theme('colors.surface-page');
  74. }
  75. }
  76. }