feat(FN-817): add expand button and swipe-friendly touch behavior for board cards

- Add expand button to TaskCard for opening task detail modal on mobile
- Implement CSS scroll-snap on board columns for swipe-friendly navigation
- Add touch-action and overscroll-behavior styles for smoother mobile scrolling
- Add comprehensive tests for mobile scroll snap behavior and expand button
- Document expand button and swipe-friendly board behavior in README
This commit is contained in:
gsxdsm
2026-04-03 22:40:00 -07:00
parent d67290a7f4
commit 16e8feebd3
5 changed files with 127 additions and 7 deletions

View File

@@ -809,7 +809,7 @@ body {
transform var(--transition-fast),
opacity var(--transition-normal);
user-select: none;
touch-action: pan-y;
touch-action: pan-x pan-y;
}
.card:hover {
background: var(--card-hover);
@@ -5090,6 +5090,22 @@ body {
width: 16px;
height: 16px;
}
/* Card expand button: always visible on mobile (no hover) */
.card-expand-btn {
opacity: 1;
width: 44px;
height: 44px;
margin-right: -8px;
margin-top: -8px;
margin-bottom: -8px;
border-radius: var(--radius-md);
}
.card-expand-btn svg {
width: 16px;
height: 16px;
}
}
/* === Tablet Responsive Tier (769px1024px) === */