boardBody.styl 1012 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. @import 'nib'
  2. position()
  3. if arguments[0] == cover
  4. position: absolute
  5. left: 0
  6. right: 0
  7. top: 0
  8. bottom: 0
  9. else
  10. position: arguments
  11. .board-wrapper
  12. position: cover
  13. .board-canvas
  14. position: cover
  15. transition: margin .1s
  16. .board-overlay
  17. position: cover
  18. top: -100px
  19. background: black
  20. opacity: 0.33
  21. animation: fadeIn 0.2s
  22. z-index: 10
  23. &.next-sidebar
  24. margin-right: 248px
  25. &.is-dragging-active
  26. .list-composer,
  27. .open-minicard-composer
  28. display: none
  29. .lists
  30. align-items: flex-start
  31. display: flex
  32. flex-direction: row
  33. margin-bottom: 10px
  34. overflow: auto
  35. padding-bottom: 5px
  36. position: cover
  37. // In order for the card details pane to overlap the header we need to
  38. // virtually increase this container size with the below hack. (Note that it
  39. // is not possible to set overflow-x: auto, overflow-y: hidden as I
  40. // originally tried).
  41. padding-top: 10px
  42. top: -10px