diff options
Diffstat (limited to 'apps/workflowengine/src/components/Check.vue')
| -rw-r--r-- | apps/workflowengine/src/components/Check.vue | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/apps/workflowengine/src/components/Check.vue b/apps/workflowengine/src/components/Check.vue index 2f0bc11d18e..3d5c636c07d 100644 --- a/apps/workflowengine/src/components/Check.vue +++ b/apps/workflowengine/src/components/Check.vue @@ -11,6 +11,7 @@ <Multiselect v-model="currentOperator" :disabled="!currentOption" :options="operators" + class="comparator" label="name" track-by="operator" :allow-empty="false" @@ -21,6 +22,7 @@ v-model="check.value" :disabled="!currentOption" :check="check" + class="option" @input="updateCheck" @valid="(valid=true) && validate()" @invalid="(valid=false) && validate()" /> @@ -30,6 +32,7 @@ :class="{ invalid: !valid }" :disabled="!currentOption" :placeholder="valuePlaceholder" + class="option" @input="updateCheck"> <Actions v-if="deleteVisible || !currentOption"> <ActionButton icon="icon-delete" @click="$emit('remove')" /> @@ -110,7 +113,7 @@ export default { }, validate() { if (this.currentOption && this.currentOption.validate) { - this.valid = !!this.currentOption.validate(this.check); + this.valid = !!this.currentOption.validate(this.check) } return this.valid }, @@ -139,6 +142,14 @@ export default { & > *:not(.icon-delete) { width: 180px; } + & > .comparator { + min-width: 130px; + width: 130px; + } + & > .option { + min-width: 230px; + width: 230px; + } & > .multiselect, & > input[type=text] { margin-right: 5px; |