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

View File

@ -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 {
@ -667,7 +667,10 @@ $filter-container-height: '1rem - #{$switch-view-height}';
display: flex;
flex-direction: column;
overflow: hidden; // Make sure the edges are always rounded
@media screen and (max-width: $tablet) {
scroll-snap-align: center;
}
.tasks {
overflow: hidden auto;