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: show peek of adjacent columns on mobile board view (#9)

Browse Source 
Narrower columns (78vw from 85vw) with start-aligned snap and
horizontal padding so users can see adjacent columns peeking in
from the edges — clear visual affordance that horizontal scrolling
is available.
This commit is contained in:
xarmian
2026-03-28 11:51:05 -04:00
committed by GitHub
parent 8f2561529b
commit 75f4a48fcb
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/collections/BoardView.svelte
+4 -4
View File
@@ -444,13 +444,13 @@
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
gap: var(--space-3);
padding-bottom: var(--space-3);
padding: 0 var(--space-4) var(--space-3);
}
.kanban-column {
min-width: 85vw;
max-width: 85vw;
scroll-snap-align: center;
min-width: 78vw;
max-width: 78vw;
scroll-snap-align: start;
flex-shrink: 0;
}
}
web/src/lib/components/layout/Sidebar.svelte
+9 -2
View File
@@ -167,12 +167,19 @@
</script>
<!-- Swipe from left edge to open (when sidebar is closed on mobile) -->
<!-- Touch zone: 0-24px from left edge only — avoids conflicts with board horizontal scroll -->
<!-- Touch zone: 0-16px from left edge only — skip if touch is inside a horizontally scrollable element -->
<svelte:window
ontouchstart={(e) => {
if (!uiStore.isMobile || uiStore.sidebarOpen) return;
const x = e.touches[0].clientX;
if (x <= 24) {
if (x <= 16) {
// Don't activate if the touch is inside a horizontally scrollable container
// (e.g. board view with overflow-x: auto)
let el = e.target as HTMLElement | null;
while (el) {
if (el.scrollWidth > el.clientWidth + 1) return;
el = el.parentElement;
}
openSwipeStartX = x;
openSwipeStartY = e.touches[0].clientY;
openSwipeTracking = true;