Fix scrollbar inside list and outer scroll

This commit is contained in:
Andrés Manelli 2018-02-28 15:48:36 -03:00
parent 48cd551a69
commit a033c35a34
3 changed files with 4 additions and 1 deletions

View file

@ -14,7 +14,7 @@ template(name="board")
template(name="boardBody") template(name="boardBody")
.board-wrapper(class=currentBoard.colorClass) .board-wrapper(class=currentBoard.colorClass)
+sidebar +sidebar
.board-canvas.js-swimlanes( .board-canvas.js-swimlanes.js-perfect-scrollbar(
class="{{#if Sidebar.isOpen}}is-sibling-sidebar-open{{/if}}" class="{{#if Sidebar.isOpen}}is-sibling-sidebar-open{{/if}}"
class="{{#if MultiSelection.isActive}}is-multiselection-active{{/if}}" class="{{#if MultiSelection.isActive}}is-multiselection-active{{/if}}"
class="{{#if draggingActive.get}}is-dragging-active{{/if}}") class="{{#if draggingActive.get}}is-dragging-active{{/if}}")

View file

@ -15,10 +15,12 @@ position()
.board-wrapper .board-wrapper
position: cover position: cover
overflow-y: hidden;
.board-canvas .board-canvas
position: cover position: cover
transition: margin .1s transition: margin .1s
overflow-y: auto;
&.is-sibling-sidebar-open &.is-sibling-sidebar-open
margin-right: 248px margin-right: 248px

View file

@ -91,6 +91,7 @@
display: flex display: flex
overflow-y: auto overflow-y: auto
padding: 5px 11px padding: 5px 11px
max-height: 350px;
.minicards .minicards
flex-grow: 1 flex-grow: 1