From 63cc5b21b4fec6372322c717aaf2ed73e2d1848f Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 15 Nov 2025 13:01:30 +0200
Subject: [PATCH] feat(board): scroll snapping on mobile

---
 apps/client/src/widgets/collections/board/index.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/apps/client/src/widgets/collections/board/index.css b/apps/client/src/widgets/collections/board/index.css
index 39ae024ed..aaf694686 100644
--- a/apps/client/src/widgets/collections/board/index.css
+++ b/apps/client/src/widgets/collections/board/index.css
@@ -9,6 +9,12 @@
   --card-padding: 0.6em;
 }
 
+body.mobile .board-view {
+  scroll-snap-type: x mandatory;
+  -webkit-overflow-scrolling: touch;
+  scroll-behavior: smooth;
+}
+
 .board-view-container {
   height: 100%;
   display: flex;
@@ -31,6 +37,12 @@
   flex-direction: column;
 }
 
+body.mobile .board-view-container .board-column {
+  width: 75vw;
+  max-width: 300px;
+  scroll-snap-align: center;
+}
+
 .board-view-container .board-column.drag-over {
   border-color: var(--main-text-color);
   background-color: var(--hover-item-background-color);