From 9ff9569ad27ae66692636670395a9e0f1e76c54f Mon Sep 17 00:00:00 2001
From: Joe <49767913+joebudi@users.noreply.github.com>
Date: Fri, 29 Nov 2024 09:31:43 +0000
Subject: [PATCH] style updates [icon color change, drag hover]

- changed color of help icon
- added hover color to drag container
---
 .../AutomationBuilder/FlowChart/ActionModal.svelte          | 6 +++++-
 .../automation/AutomationBuilder/FlowChart/FlowItem.svelte  | 4 ++++
 .../AutomationBuilder/FlowChart/FlowItemHeader.svelte       | 1 -
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte
index eaec3386fb..0c1e79b800 100644
--- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte
+++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/ActionModal.svelte
@@ -159,7 +159,11 @@
                 <Tag icon="LockClosed">Premium</Tag>
               </Tags>
             {:else if isDisabled}
-              <Icon name="Help" tooltip={disabled()[idx].message} />
+              <Icon
+                name="Help"
+                tooltip={disabled()[idx].message}
+                color="var(--spectrum-global-color-gray-700)"
+              />
             {/if}
           </div>
         </div>
diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte
index 8274ea2402..563dbe96c4 100644
--- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte
+++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItem.svelte
@@ -410,6 +410,10 @@
     cursor: grab;
     border-top-left-radius: 12px;
     border-bottom-left-radius: 12px;
+    transition: background 200ms ease;
+  }
+  .block.draggable .wrap .handle:hover {
+    background-color: var(--grey-4);
   }
   .block.draggable .wrap .handle.grabbing {
     cursor: grabbing;
diff --git a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte
index bcdfb3ee82..0fc0ee85a2 100644
--- a/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte
+++ b/packages/builder/src/components/automation/AutomationBuilder/FlowChart/FlowItemHeader.svelte
@@ -269,7 +269,6 @@
   }
   .icon-background-trigger {
     background-color: #ffd230;
-    /*background-color: #6afdef;*/
     padding: 0;
     border-radius: 8px;
     min-height: 32px;