Fix task detail view spacings
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
kolaente 2021-01-16 21:55:43 +01:00
parent 60baa3353f
commit f4b47ec374
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
4 changed files with 7 additions and 16 deletions

@ -1,11 +1,11 @@
<template>
<div :class="{'has-top-border': canWrite || comments.length > 0}" class="content details">
<h1 v-if="canWrite || comments.length > 0">
<div class="content details">
<h3 v-if="canWrite || comments.length > 0">
<span class="icon is-grey">
<icon :icon="['far', 'comments']"/>
</span>
Comments
</h1>
</h3>
<div class="comments">
<span class="is-inline-flex is-align-items-center" v-if="taskCommentService.loading && saving === null && !creating">
<span class="loader is-inline-block mr-2"></span>

@ -12,11 +12,6 @@
}
}
.has-top-border {
border-top: 1px solid lighten($grey, 35%);
padding-top: .5em;
}
h3 .button {
vertical-align: middle;
}

@ -1,8 +1,6 @@
$remove-icon-width: 24px;
.task-relations {
padding-bottom: 1em;
&.is-narrow .columns {
display: block;
@ -12,8 +10,6 @@ $remove-icon-width: 24px;
}
.related-tasks {
margin-bottom: .75em;
.title {
font-size: 1em;
margin: 0;

@ -181,7 +181,7 @@
</div>
<!-- Description -->
<div :class="{ 'has-top-border': activeFields.labels }" class="details content description">
<div class="details content description">
<description
v-model="task"
:can-write="canWrite"
@ -190,7 +190,7 @@
</div>
<!-- Attachments -->
<div class="content attachments has-top-border" v-if="activeFields.attachments">
<div class="content attachments" v-if="activeFields.attachments">
<attachments
:edit-enabled="canWrite"
:task-id="taskId"
@ -199,7 +199,7 @@
</div>
<!-- Related Tasks -->
<div class="content details has-top-border" v-if="activeFields.relatedTasks">
<div class="content details mb-0" v-if="activeFields.relatedTasks">
<h3>
<span class="icon is-grey">
<icon icon="tasks"/>
@ -217,7 +217,7 @@
</div>
<!-- Move Task -->
<div class="content details has-top-border" v-if="activeFields.moveList">
<div class="content details" v-if="activeFields.moveList">
<h3>
<span class="icon is-grey">
<icon icon="list"/>