From 8473bd6a8b7956481bad7758c700d7f4997541a3 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Tue, 15 Feb 2022 14:47:54 +0100
Subject: [PATCH] feat: add scroll snapping to kanban view

---
 src/views/list/ListKanban.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/views/list/ListKanban.vue b/src/views/list/ListKanban.vue
index 880f234c0..70f2c0fc2 100644
--- a/src/views/list/ListKanban.vue
+++ b/src/views/list/ListKanban.vue
@@ -627,6 +627,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 	height: calc(#{$crazy-height-calculation});
 	margin: 0 -1.5rem;
 	padding: 0 1.5rem;
+	scroll-snap-type: x mandatory;
 
 	@media screen and (max-width: $tablet) {
 		height: calc(#{$crazy-height-calculation} - #{$filter-container-height});
@@ -666,6 +667,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 		display: flex;
 		flex-direction: column;
 		overflow: hidden; // Make sure the edges are always rounded		
+		scroll-snap-align: center;
 
 		.tasks {
 			overflow: hidden auto;