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 { .board {
position: relative; position: relative;
overflow: auto; overflow-x: auto;
flex-grow: 1; flex-grow: 1;
scrollbar-gutter: stable; scrollbar-gutter: stable;
} }
@@ -296,6 +296,7 @@ export default {
align-items: stretch; align-items: stretch;
gap: $board-gap; gap: $board-gap;
padding: 0 $board-gap; padding: 0 $board-gap;
height: 100%;
&:deep(.stack-draggable-wrapper.smooth-dnd-draggable-wrapper) { &:deep(.stack-draggable-wrapper.smooth-dnd-draggable-wrapper) {
display: flex; display: flex;
@@ -312,7 +313,9 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: $stack-gap; 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; scrollbar-gutter: stable;
} }

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

@@ -162,7 +162,7 @@ export default {
.overview { .overview {
position: relative; position: relative;
overflow: auto; overflow-x: auto;
flex-grow: 1; flex-grow: 1;
scrollbar-gutter: stable; scrollbar-gutter: stable;
display: flex; display: flex;
@@ -212,7 +212,7 @@ export default {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
padding: 4px; padding: $card-padding;
font-size: var(--default-font-size); font-size: var(--default-font-size);
} }
@@ -220,7 +220,10 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: $stack-gap; 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;
} }
} }
} }