From 8eed0be0720ce903673a2b7616ab061043a1b0c1 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 30 Jun 2022 16:59:45 +0200
Subject: [PATCH] feat: enable kanban scroll snap only for mobile devices

Fixes https://github.com/go-vikunja/frontend/issues/64
---
 src/views/list/ListKanban.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/views/list/ListKanban.vue b/src/views/list/ListKanban.vue
index 62e27223..78361989 100644
--- a/src/views/list/ListKanban.vue
+++ b/src/views/list/ListKanban.vue
@@ -627,10 +627,10 @@ $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});
+		scroll-snap-type: x mandatory;
 	}
 
 	&-bucket-container {
@@ -666,8 +666,11 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 		width: $bucket-width;
 		display: flex;
 		flex-direction: column;
-		overflow: hidden; // Make sure the edges are always rounded		
-		scroll-snap-align: center;
+		overflow: hidden; // Make sure the edges are always rounded
+
+		@media screen and (max-width: $tablet) {
+			scroll-snap-align: center;
+		}
 
 		.tasks {
 			overflow: hidden auto;