vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

feat: enable kanban scroll snap only for mobile devices
continuous-integration/drone/push Build is passing Details 

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
Signed by: konrad
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;