boardBody.styl 1022 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. @import 'nib'
  2. position()
  3. if arguments[0] == cover || arguments[0] == fixed-cover
  4. if arguments[0] == cover
  5. position: absolute
  6. else
  7. position: fixed
  8. left: 0
  9. right: 0
  10. top: 0
  11. bottom: 0
  12. else
  13. position: arguments
  14. .board-wrapper
  15. position: cover
  16. overflow-y: hidden;
  17. .board-canvas
  18. position: cover
  19. transition: margin .1s
  20. overflow-y: auto;
  21. &.is-sibling-sidebar-open
  22. margin-right: 248px
  23. .board-overlay
  24. position: fixed-cover
  25. top: -100px
  26. right: -400px
  27. background: black
  28. opacity: 0.33
  29. animation: fadeIn 0.2s
  30. z-index: 16
  31. &.is-dragging-active
  32. .open-minicard-composer,
  33. .minicard-wrapper.is-checked
  34. display: none
  35. @media screen and (max-width: 800px)
  36. .board-wrapper
  37. .board-canvas
  38. .swimlane
  39. border-bottom: 1px solid #CCC
  40. display: flex
  41. flex-direction: column
  42. margin: 0
  43. padding: 0 40px 0px 0
  44. overflow-x: hidden
  45. overflow-y: auto