Fix task detail view spacings
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
60baa3353f
commit
f4b47ec374
@ -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"/>
|
||||
|
Reference in New Issue
Block a user