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

feat: add scroll snapping to kanban view

Browse source
This commit is contained in:
Dominik Pschenitschni 2022-02-15 14:47:54 +01:00 committed by Gitea
parent c2fdd82b98
commit 8473bd6a8b
1 changed files with 2 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -627,6 +627,7 @@ $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});
@ -666,6 +667,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
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;
.tasks { .tasks {
overflow: hidden auto; overflow: hidden auto;