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