Fix task detail view spacings

This commit is contained in:
kolaente 2021-01-16 21:55:43 +01:00
parent 60baa3353f
commit f4b47ec374
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
4 changed files with 7 additions and 16 deletions

View file

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

View file

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

View file

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

View file

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