local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix related tasks input size

Browse source
This commit is contained in:
kolaente 2020-04-26 15:44:23 +02:00
parent 2a7bbf3c83
commit 31b025cc55
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 40 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/tasks/reusable/relatedTasks.vue
View file

@ -1,8 +1,7 @@
<template> <template>
<div class="task-relations"> <div class="task-relations">
<label class="label">New Task Relation</label> <label class="label">New Task Relation</label>
<div class="columns"> <div class="field">
<div class="column is-three-quarters">
<multiselect <multiselect
v-model="newTaskRelationTask" v-model="newTaskRelationTask"
:options="foundTasks" :options="foundTasks"
@ -20,14 +19,15 @@
tag-placeholder="Add this as new related task" tag-placeholder="Add this as new related task"
> >
<template slot="clear" slot-scope="props"> <template slot="clear" slot-scope="props">
<div class="multiselect__clear" <div
class="multiselect__clear"
v-if="newTaskRelationTask !== null && newTaskRelationTask.id !== 0" v-if="newTaskRelationTask !== null && newTaskRelationTask.id !== 0"
@mousedown.prevent.stop="clearAllFoundTasks(props.search)"></div> @mousedown.prevent.stop="clearAllFoundTasks(props.search)"></div>
</template> </template>
<span slot="noResult">No task found. Consider changing the search query.</span> <span slot="noResult">No task found. Consider changing the search query.</span>
</multiselect> </multiselect>
</div> </div>
<div class="column field has-addons"> <div class="field has-addons">
<div class="control is-expanded"> <div class="control is-expanded">
<div class="select is-fullwidth has-defaults"> <div class="select is-fullwidth has-defaults">
<select v-model="newTaskRelationKind"> <select v-model="newTaskRelationKind">
@ -42,7 +42,6 @@
<a class="button is-primary" @click="addTaskRelation()">Add task Relation</a> <a class="button is-primary" @click="addTaskRelation()">Add task Relation</a>
</div> </div>
</div> </div>
</div>
<div class="related-tasks" v-for="(rts, kind ) in relatedTasks" :key="kind"> <div class="related-tasks" v-for="(rts, kind ) in relatedTasks" :key="kind">
<template v-if="rts.length > 0"> <template v-if="rts.length > 0">
@ -54,7 +53,9 @@
{{t.text}} {{t.text}}
</span> </span>
</router-link> </router-link>
<a class="remove" @click="() => {showDeleteModal = true; relationToDelete = {relationKind: kind, otherTaskId: t.id}}"> <a
class="remove"
@click="() => {showDeleteModal = true; relationToDelete = {relationKind: kind, otherTaskId: t.id}}">
<icon icon="trash-alt"/> <icon icon="trash-alt"/>
</a> </a>
</div> </div>

2
src/styles/components/base/multiselect.scss
View file

@ -146,7 +146,7 @@ fieldset[disabled] .multiselect {
} }
.multiselect__tags { .multiselect__tags {
min-height: 40px; height: 40px;
display: block; display: block;
padding: 8px 40px 0 8px; padding: 8px 40px 0 8px;
border-radius: 5px; border-radius: 5px;