_bulk_actions.scss 1.8 KB

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