gsadmin/pad
1
0
Fork 0
mirror of https://github.com/PerpetualSoftware/pad.git synced 2026-09-21 18:13:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: make adjacent board columns visibly peek on mobile (#10)

Browse Source 
- 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.
This commit is contained in:
xarmian
2026-03-28 11:54:46 -04:00
committed by GitHub
parent 75f4a48fcb
commit 1fd0911bd9
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/collections/BoardView.svelte
+3 -4
View File
@@ -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;
}