feat: add print styles

src/components/tasks/partials/comments.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="content details" v-if="enabled">
-		<h3 v-if="canWrite || comments.length > 0">
+		<h3 v-if="canWrite || comments.length > 0" :class="{'d-print-none': comments.length === 0}">
 			<span class="icon is-grey">
 				<icon :icon="['far', 'comments']"/>
 			</span>
@@ -29,7 +29,7 @@
 						<img
 							:src="c.author.getAvatarUrl(20)"
 							alt=""
-							class="image is-avatar"
+							class="image is-avatar d-print-none"
 							height="20"
 							width="20"
 						/>
@@ -82,7 +82,7 @@
 					/>
 				</div>
 			</div>
-			<div class="media comment" v-if="canWrite">
+			<div class="media comment d-print-none" v-if="canWrite">
 				<figure class="media-left is-hidden-mobile">
 					<img
 						:src="userAvatar"

src/components/tasks/partials/relatedTasks.vue

@@ -3,7 +3,7 @@
 		<x-button
 			v-if="editEnabled && Object.keys(relatedTasks).length > 0"
 			@click="showNewRelationForm = !showNewRelationForm"
-			class="is-pulled-right add-task-relation-button"
+			class="is-pulled-right add-task-relation-button d-print-none"
 			:class="{'is-active': showNewRelationForm}"
 			v-tooltip="$t('task.relation.add')"
 			variant="secondary"