From 8664ad155c89d47affd94f8b0385ebf39841f1f8 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Tue, 12 Mar 2024 17:46:44 +0000
Subject: Add YAML modal

---
 components/editor/task/Configuration.vue    |  8 ++++----
 components/editor/task/ConfigurationRow.vue | 18 +++++-------------
 2 files changed, 9 insertions(+), 17 deletions(-)

(limited to 'components/editor/task')

diff --git a/components/editor/task/Configuration.vue b/components/editor/task/Configuration.vue
index a209b58..bda75f4 100644
--- a/components/editor/task/Configuration.vue
+++ b/components/editor/task/Configuration.vue
@@ -109,8 +109,8 @@ const deleteTaskType = (taskId: string) => {
           :type="(taskDefintion.configuration[fieldName].type as string)"
           @update="(newValue: any) => updateValue(fieldName, newValue)" @delete="() => deleteValue(fieldName)" />
         <div id="add-option">
-          <multiselect class="multiselect" :options="configKeysOptions" :searchable="true" @select="onAddOption"
-            placeholder="Add option...">
+          <multiselect class="configuration-multiselect" :options="configKeysOptions" :searchable="true"
+            @select="onAddOption" placeholder="Add option...">
           </multiselect>
         </div>
       </div>
@@ -173,12 +173,12 @@ const deleteTaskType = (taskId: string) => {
   border-top: 1px solid var(--color-border);
 }
 
-:deep(.multiselect) .multiselect__tags {
+:deep(.configuration-multiselect) .multiselect__tags {
   border: unset !important;
   border-radius: 0px !important;
 }
 
-:deep(.multiselect) .multiselect__select {
+:deep(.configuration-multiselect) .multiselect__select {
   background: unset !important;
 }
 </style>
diff --git a/components/editor/task/ConfigurationRow.vue b/components/editor/task/ConfigurationRow.vue
index 98a644c..666669d 100644
--- a/components/editor/task/ConfigurationRow.vue
+++ b/components/editor/task/ConfigurationRow.vue
@@ -76,12 +76,13 @@ const addValue = (searchQuery: any) => {
         <TrueFalseSwitch v-else-if="props.type === 'boolean'" :value="!!currentValue" @update="updateValue" />
 
         <!-- Data type 'material-list' -->
-        <multiselect v-else-if="props.type === 'material-list'" v-model="currentValue" :options="materials"
-          :multiple="true" :taggable="true" :searchable="true" placeholder="Enter material name" />
+        <multiselect v-else-if="props.type === 'material-list'" v-model="currentValue" class="configuration-multiselect"
+          :options="materials" :multiple="true" :taggable="true" :searchable="true" placeholder="Enter material name" />
 
         <!-- Data type 'string-list' -->
-        <multiselect v-else-if="props.type === 'string-list'" v-model="currentValue" :options="[]" @tag="addValue"
-          :multiple="true" :taggable="true" :searchable="true" placeholder="Enter string" />
+        <multiselect v-else-if="props.type === 'string-list'" v-model="currentValue" class="configuration-multiselect"
+          :options="[]" @tag="addValue" :multiple="true" :taggable="true" :searchable="true"
+          placeholder="Enter string" />
 
         <!-- Data type 'itemstack' -->
         <ItemStackPicker v-else-if="props.type === 'itemstack'" :value="currentValue" @update="updateValue" />
@@ -181,13 +182,4 @@ input {
 .error {
   color: var(--color-false);
 }
-
-:deep(.multiselect) .multiselect__tags {
-  border: unset !important;
-  border-radius: 0px !important;
-}
-
-:deep(.multiselect) .multiselect__select {
-  background: unset !important;
-}
 </style>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2