boardBody.styl 1.0 KB

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