_bulk_actions.scss 1.7 KB

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