From 1fd0911bd91d67cdd22eafa55dc0eee8dd07f08f Mon Sep 17 00:00:00 2001 From: xarmian Date: Sat, 28 Mar 2026 11:54:46 -0400 Subject: [PATCH] fix: make adjacent board columns visibly peek on mobile (#10) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Column width 78vw → 75vw so ~25vw of the next column is visible - scroll-snap-type mandatory → proximity so the peek persists at rest - Removed scroll-behavior: smooth for native momentum feel The previous fix (78vw + mandatory snap) still hid adjacent columns because mandatory snap forced the viewport to align flush with each column edge. Proximity snap allows the natural resting position to show the neighboring column. --- web/src/lib/components/collections/BoardView.svelte | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/web/src/lib/components/collections/BoardView.svelte b/web/src/lib/components/collections/BoardView.svelte index 97fc578c..d9dd6d8e 100644 --- a/web/src/lib/components/collections/BoardView.svelte +++ b/web/src/lib/components/collections/BoardView.svelte @@ -440,16 +440,15 @@ .board-view { display: flex; overflow-x: auto; - scroll-snap-type: x mandatory; - scroll-behavior: smooth; + scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; gap: var(--space-3); padding: 0 var(--space-4) var(--space-3); } .kanban-column { - min-width: 78vw; - max-width: 78vw; + min-width: 75vw; + max-width: 75vw; scroll-snap-align: start; flex-shrink: 0; }