fix: task edit pane spacing
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
kolaente 2021-10-17 13:36:21 +02:00
parent 529b3d2890
commit e52c139c9f
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 26 additions and 17 deletions

View File

@ -15,8 +15,31 @@
} }
} }
&.has-task-edit-open {
flex-direction: column;
@media screen and (min-width: $tablet) {
flex-direction: row;
.tasks {
width: 66%;
}
}
}
.taskedit { .taskedit {
width: 50%; width: 33%;
margin-right: 1rem;
margin-left: .5rem;
@media screen and (max-width: $tablet) {
width: 100%;
border-radius: 0;
margin: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
} }
} }
@ -25,16 +48,6 @@
padding: 0; padding: 0;
text-align: left; text-align: left;
@media screen and (min-width: $tablet) {
&.short {
max-width: 53vw;
}
}
@media screen and (max-width: $tablet) {
max-width: 100%;
}
&.noborder { &.noborder {
margin: 1rem -0.5rem; margin: 1rem -0.5rem;
} }
@ -195,7 +208,7 @@
border-bottom-color: $grey-300; border-bottom-color: $grey-300;
} }
} }
.checklist-summary { .checklist-summary {
padding-left: .5rem; padding-left: .5rem;
font-size: .9rem; font-size: .9rem;
@ -235,9 +248,6 @@
} }
.taskedit { .taskedit {
min-height: calc(100% - 1rem);
margin-top: 1rem;
.priority-select { .priority-select {
.select, select { .select, select {
width: 100%; width: 100%;

View File

@ -74,9 +74,8 @@
</a> </a>
</nothing> </nothing>
<div class="tasks-container"> <div class="tasks-container" :class="{ 'has-task-edit-open': isTaskEdit }">
<div <div
:class="{ short: isTaskEdit }"
class="tasks mt-0" class="tasks mt-0"
v-if="tasks && tasks.length > 0" v-if="tasks && tasks.length > 0"
> >