_kanban.scss 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .content-wrapper.kanban {
  2. height: 1px;
  3. .content {
  4. height: 100%;
  5. overflow-x: auto;
  6. overflow-y: hidden;
  7. .container,
  8. .container-fluid {
  9. width: max-content;
  10. display: flex;
  11. align-items: stretch;
  12. }
  13. }
  14. .content-header + .content {
  15. height: calc(100% - ((2 * 15px) + (1.8rem * #{$headings-line-height})));
  16. }
  17. .card {
  18. .card-body {
  19. padding: .5rem;
  20. }
  21. &.card-row {
  22. width: 340px;
  23. display: inline-block;
  24. margin: 0 .5rem;
  25. &:first-child {
  26. margin-left: 0;
  27. }
  28. .card-body {
  29. height: calc(100% - (12px + (1.8rem * #{$headings-line-height}) + .5rem));
  30. overflow-y: auto;
  31. }
  32. .card {
  33. &:last-child {
  34. margin-bottom: 0;
  35. border-bottom-width: 1px;
  36. }
  37. .card-header {
  38. padding: .5rem .75rem;
  39. }
  40. .card-body {
  41. padding: .75rem;
  42. }
  43. }
  44. }
  45. }
  46. .btn-tool {
  47. &.btn-link {
  48. text-decoration: underline;
  49. padding-left: 0;
  50. padding-right: 0;
  51. }
  52. }
  53. }