boardBody.styl 994 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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. background: black
  19. opacity: 0.33
  20. animation: fadeIn 0.2s
  21. z-index: 10
  22. &.next-sidebar
  23. margin-right: 248px
  24. &.is-dragging-active
  25. .list-composer,
  26. .open-minicard-composer
  27. display: none
  28. .lists
  29. align-items: flex-start
  30. display: flex
  31. flex-direction: row
  32. margin-bottom: 10px
  33. overflow: auto
  34. padding-bottom: 5px
  35. position: cover
  36. // In order for the card details pane to overlap the header we need to
  37. // virtually increase this container size with the below hack. (Note that it
  38. // is not possible to set overflow-x: auto, overflow-y: hidden as I
  39. // originally tried).
  40. padding-top: 10px
  41. top: -10px