diff --git a/src/components/board/Board.vue b/src/components/board/Board.vue index f99870b0e..cb8d40455 100644 --- a/src/components/board/Board.vue +++ b/src/components/board/Board.vue @@ -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; } diff --git a/src/components/overview/Overview.vue b/src/components/overview/Overview.vue index 8e3ab286f..1bc481cae 100644 --- a/src/components/overview/Overview.vue +++ b/src/components/overview/Overview.vue @@ -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; } } }