local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: enable kanban scroll snap only for mobile devices

Browse source 
Fixes https://github.com/go-vikunja/frontend/issues/64
This commit is contained in:
kolaente 2022-06-30 16:59:45 +02:00
parent 24f3477d4b
commit 8eed0be072
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/views/list/ListKanban.vue
View file

@ -627,10 +627,10 @@ $filter-container-height: '1rem - #{$switch-view-height}';
height: calc(#{$crazy-height-calculation}); height: calc(#{$crazy-height-calculation});
margin: 0 -1.5rem; margin: 0 -1.5rem;
padding: 0 1.5rem; padding: 0 1.5rem;
scroll-snap-type: x mandatory;
@media screen and (max-width: $tablet) { @media screen and (max-width: $tablet) {
height: calc(#{$crazy-height-calculation} - #{$filter-container-height}); height: calc(#{$crazy-height-calculation} - #{$filter-container-height});
scroll-snap-type: x mandatory;
} }
&-bucket-container { &-bucket-container {
@ -666,8 +666,11 @@ $filter-container-height: '1rem - #{$switch-view-height}';
width: $bucket-width; width: $bucket-width;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; // Make sure the edges are always rounded overflow: hidden; // Make sure the edges are always rounded
scroll-snap-align: center;
@media screen and (max-width: $tablet) {
scroll-snap-align: center;
}
.tasks { .tasks {
overflow: hidden auto; overflow: hidden auto;