ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix move card modal

Browse Source 
Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
This commit is contained in:
Jakob Röhrl
2020-05-11 13:03:47 +02:00
parent 9ad87bfc6c
commit 6777193019
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/cards/CardBadges.vue
View File

@@ -53,16 +53,19 @@
</ActionButton> </ActionButton>
</Actions> </Actions>
</div> </div>
<Modal v-if="modalShow" title="Move card to another board" @close="modalShow=false"> <Modal v-if="modalShow" :title="t('deck', 'Move card to another board')" @close="modalShow=false">
<div class="modal__content"> <div class="modal__content">
<h3>{{ t('deck', 'Move card to another board') }}</h3>
<Multiselect v-model="selectedBoard" <Multiselect v-model="selectedBoard"
:placeholder="t('deck', 'Select a board')" :placeholder="t('deck', 'Select a board')"
:options="boards" :options="boards"
:max-height="100"
label="title" label="title"
@select="loadStacksFromBoard" /> @select="loadStacksFromBoard" />
<Multiselect v-model="selectedStack" <Multiselect v-model="selectedStack"
:placeholder="t('deck', 'Select a stack')" :placeholder="t('deck', 'Select a stack')"
:options="stacksFromBoard" :options="stacksFromBoard"
:max-height="100"
label="title" /> label="title" />
<button :disabled="!isBoardAndStackChoosen" class="primary" @click="moveCard"> <button :disabled="!isBoardAndStackChoosen" class="primary" @click="moveCard">
@@ -240,9 +243,9 @@ export default {
.modal__content { .modal__content {
width: 25vw; width: 25vw;
min-width: 250px; min-width: 250px;
height: 120px; min-height: 120px;
text-align: center; text-align: center;
margin: 20px 20px 60px 20px; margin: 20px 20px 100px 20px;
.multiselect { .multiselect {
margin-bottom: 10px; margin-bottom: 10px;
@@ -251,5 +254,6 @@ export default {
.modal__content button { .modal__content button {
float: right; float: right;
margin-top: 50px;
} }
</style> </style>