From b0ab01ef6b715cafb12ecb2aa844a29c59c8a027 Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Mon, 11 Mar 2024 22:54:22 +0000
Subject: Update styles, add task type icons

---
 components/editor/task/Configuration.vue    | 15 +++++++++------
 components/editor/task/ConfigurationRow.vue |  4 ++--
 2 files changed, 11 insertions(+), 8 deletions(-)

(limited to 'components/editor/task')

diff --git a/components/editor/task/Configuration.vue b/components/editor/task/Configuration.vue
index 0355383..a209b58 100644
--- a/components/editor/task/Configuration.vue
+++ b/components/editor/task/Configuration.vue
@@ -82,7 +82,7 @@ const deleteTaskType = (taskId: string) => {
           {{ props.taskId }}
         </span>
         <code>
-          ({{ taskType }})
+          (<font-awesome-icon v-if="taskDefintion" id="task-icon" :icon="[taskDefintion.icon.style, taskDefintion.icon.name]" />{{ taskType }})
         </code>
       </p>
       <div id="task-controls" class="control-group">
@@ -155,6 +155,10 @@ const deleteTaskType = (taskId: string) => {
         font-weight: 700;
       }
 
+      #task-icon {
+        padding-right: 0.3rem;
+      }
+
       code {
         font-size: 0.8em;
         color: var(--color-text-mute);
@@ -169,13 +173,12 @@ const deleteTaskType = (taskId: string) => {
   border-top: 1px solid var(--color-border);
 }
 
-.multiselect::v-deep .multiselect__tags {
-  border: none !important;
+:deep(.multiselect) .multiselect__tags {
+  border: unset !important;
   border-radius: 0px !important;
-  background: transparent !important;
 }
 
-.multiselect::v-deep .multiselect__select {
-  background: transparent !important;
+:deep(.multiselect) .multiselect__select {
+  background: unset !important;
 }
 </style>
diff --git a/components/editor/task/ConfigurationRow.vue b/components/editor/task/ConfigurationRow.vue
index 8194dcd..98a644c 100644
--- a/components/editor/task/ConfigurationRow.vue
+++ b/components/editor/task/ConfigurationRow.vue
@@ -182,12 +182,12 @@ input {
   color: var(--color-false);
 }
 
-.multiselect::v-deep .multiselect__tags {
+:deep(.multiselect) .multiselect__tags {
   border: unset !important;
   border-radius: 0px !important;
 }
 
-.multiselect::v-deep .multiselect__select {
+:deep(.multiselect) .multiselect__select {
   background: unset !important;
 }
 </style>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2