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

feature(3331): scroll column instead of page for board and overview

Browse Source 
Signed-off-by: Luutzen Dijkstra <luutzen.dijkstra@gmail.com>
This commit is contained in:
Luutzen Dijkstra
2025-01-04 13:17:59 +01:00
committed by Luka Trovic
parent 447dc60f37
commit 376f46b7ba
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -282,7 +282,7 @@ export default {
.board {
position: relative;
overflow: auto;
overflow-x: auto;
flex-grow: 1;
scrollbar-gutter: stable;
}
@@ -296,6 +296,7 @@ export default {
align-items: stretch;
gap: $board-gap;
padding: 0 $board-gap;
height: 100%;
&:deep(.stack-draggable-wrapper.smooth-dnd-draggable-wrapper) {
display: flex;
@@ -312,7 +313,9 @@ export default {
display: flex;
flex-direction: column;
gap: $stack-gap;
padding: 5px 0 $stack-gap;
padding: 5px calc(#{$stack-gap / 2}) $stack-gap;
margin: 0 calc(#{$stack-gap / -2});
overflow-y: auto;
scrollbar-gutter: stable;
}

9
src/components/overview/Overview.vue
View File

@@ -162,7 +162,7 @@ export default {
.overview {
position: relative;
overflow: auto;
overflow-x: auto;
flex-grow: 1;
scrollbar-gutter: stable;
display: flex;
@@ -212,7 +212,7 @@ export default {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 4px;
padding: $card-padding;
font-size: var(--default-font-size);
}
@@ -220,7 +220,10 @@ export default {
display: flex;
flex-direction: column;
gap: $stack-gap;
padding: 5px 0 $stack-gap;
padding: 5px calc(#{$stack-gap / 2}) $stack-gap;
margin: 0 calc(#{$stack-gap / -2});
overflow-y: auto;
scrollbar-gutter: stable;
}
}
}