ami/tl-vikunja
1
0
Fork 0
Code

fix(kanban): make kanban full width on mobile

Browse Source 
Related to https://github.com/go-vikunja/vikunja/issues/309

(cherry picked from commit 945f25b81858f0abb303c5bd0d6ce2612e1dbf3b)
This commit is contained in:
kolaente 2024-09-12 16:42:12 +02:00
parent 2b15bb5154
commit 2fc9504285
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/project/views/ProjectKanban.vue
View File

@ -805,8 +805,9 @@ $filter-container-height: '1rem - #{$switch-view-height}';
} }
@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} + 9px);
scroll-snap-type: x mandatory; scroll-snap-type: x mandatory;
margin: 0 -0.5rem;
} }
&-bucket-container { &-bucket-container {
@ -884,7 +885,6 @@ $filter-container-height: '1rem - #{$switch-view-height}';
// to hide the fact we just made the button smaller. // to hide the fact we just made the button smaller.
min-width: calc(#{$bucket-width} + 1rem); min-width: calc(#{$bucket-width} + 1rem);
background: transparent; background: transparent;
padding-right: 1rem;
.button { .button {
background: var(--grey-100); background: var(--grey-100);