ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Implement scrolling per stack

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2020-08-24 16:36:08 +02:00
parent 680e5c9fa3
commit bd9fe49ec4
2 changed files with 9 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/board/Board.vue
View File

@@ -194,6 +194,8 @@ export default {
.smooth-dnd-container.horizontal { .smooth-dnd-container.horizontal {
display: flex; display: flex;
align-items: stretch; align-items: stretch;
height: 100%;
.smooth-dnd-draggable-wrapper::v-deep { .smooth-dnd-draggable-wrapper::v-deep {
display: flex; display: flex;
height: auto; height: auto;
@@ -206,16 +208,10 @@ export default {
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0; margin-top: 3px;
/** padding: $stack-spacing;
* Use this to scroll each stack individually overflow-x: hidden;
* This currenly has the issue that the popover menu will be cut off overflow-y: scroll;
*/
/*
overflow-x: scroll;
height: calc(100vh - 50px - 44px * 2 - 30px);
max-height: calc(100vh - 50px - 44px * 2 - 30px);
*/
} }
.smooth-dnd-container.vertical > .smooth-dnd-draggable-wrapper { .smooth-dnd-container.vertical > .smooth-dnd-draggable-wrapper {

10
src/components/board/Stack.vue
View File

@@ -267,9 +267,9 @@ export default {
@import './../../css/variables'; @import './../../css/variables';
.stack { .stack {
width: $stack-width; width: $stack-width + $stack-spacing*3;
margin-left: $stack-spacing; margin-left: $stack-spacing/2;
margin-right: $stack-spacing; margin-right: $stack-spacing/2;
} }
.stack--header { .stack--header {
@@ -339,10 +339,6 @@ export default {
} }
} }
.stack .smooth-dnd-container.vertical {
margin-top: 3px;
}
/** /**
* Rules to handle scrolling behaviour are inherited from Board.vue * Rules to handle scrolling behaviour are inherited from Board.vue
*/ */