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

Fix sass division

Browse source
This commit is contained in:
kolaente 2021-07-17 19:14:26 +02:00
parent be0bc5c84f
commit 15085a7c26
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/styles/components/kanban.scss
View file

@ -1,3 +1,5 @@
@use 'sass:math';
$bucket-background: $grey-100; $bucket-background: $grey-100;
$task-background: $white; $task-background: $white;
$ease-out: all .3s cubic-bezier(0.23, 1, 0.32, 1); $ease-out: all .3s cubic-bezier(0.23, 1, 0.32, 1);
@ -237,10 +239,10 @@ $filter-container-height: '1rem - #{$switch-view-height}';
} }
&.is-collapsed { &.is-collapsed {
transform: rotate(90deg) translateX($bucket-width / 2 - $bucket-header-height / 2); transform: rotate(90deg) translateX(math.div($bucket-width, 2) - math.div($bucket-header-height, 2));
// Using negative margins instead of translateY here to make all other buckets fill the empty space // Using negative margins instead of translateY here to make all other buckets fill the empty space
margin-left: ($bucket-width / 2 - $bucket-header-height / 2) * -1; margin-left: (math.div($bucket-width, 2) - math.div($bucket-header-height, 2)) * -1;
margin-right: calc(#{($bucket-width / 2 - $bucket-header-height / 2) * -1} + #{$bucket-right-margin}); margin-right: calc(#{(math.div($bucket-width, 2) - math.div($bucket-header-height, 2)) * -1} + #{$bucket-right-margin});
cursor: pointer; cursor: pointer;
.tasks, .bucket-footer { .tasks, .bucket-footer {