From 065f7d74a545e3ef918d5a51fd95306c3d965b44 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Sat, 16 Dec 2023 14:23:46 +0100
Subject: [PATCH] [ActionTile] Better hover style.

---
 .../backend/http/webapp/src/components/Action/ActionTile.vue    | 2 +-
 platypush/backend/http/webapp/src/components/Action/vars.scss   | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/platypush/backend/http/webapp/src/components/Action/ActionTile.vue b/platypush/backend/http/webapp/src/components/Action/ActionTile.vue
index 176081af..01a7a9db 100644
--- a/platypush/backend/http/webapp/src/components/Action/ActionTile.vue
+++ b/platypush/backend/http/webapp/src/components/Action/ActionTile.vue
@@ -102,7 +102,7 @@ export default {
   cursor: pointer;
 
   &:hover {
-    color: $default-hover-fg;
+    background: $action-tile-hover-bg;
   }
 
   .action-delete {
diff --git a/platypush/backend/http/webapp/src/components/Action/vars.scss b/platypush/backend/http/webapp/src/components/Action/vars.scss
index 1b150b9d..eba7ce21 100644
--- a/platypush/backend/http/webapp/src/components/Action/vars.scss
+++ b/platypush/backend/http/webapp/src/components/Action/vars.scss
@@ -16,3 +16,4 @@ $params-tablet-width: 20em;
 $request-headers-btn-width: 7.5em;
 $action-tile-bg: linear-gradient(90deg, rgba(9,174,128,1) 0%, rgba(71,226,179,1) 120%);
 $action-tile-fg: white;
+$action-tile-hover-bg: linear-gradient(90deg, rgba(41,216,159,1) 0%, rgba(9,188,138,1) 70%);