From b0d9a95331b919256568e5be7b7c0b2addc3e81b Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Thu, 5 Sep 2024 01:32:51 +0200
Subject: [PATCH] [UI] Added `title` propery to `EditButton` component.

---
 .../src/components/elements/EditButton.vue      | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/elements/EditButton.vue b/platypush/backend/http/webapp/src/components/elements/EditButton.vue
index f24bdde683..e7748ddea5 100644
--- a/platypush/backend/http/webapp/src/components/elements/EditButton.vue
+++ b/platypush/backend/http/webapp/src/components/elements/EditButton.vue
@@ -1,7 +1,9 @@
 <template>
   <button class="edit-btn"
-    @click="proxy($event)" @touch="proxy($event)" @input="proxy($event)"
-  >
+          :title="title"
+          @click="proxy($event)"
+          @touch="proxy($event)"
+          @input="proxy($event)">
     <i class="fas fa-pen-to-square" />
   </button>
 </template>
@@ -9,6 +11,13 @@
 <script>
 export default {
   emits: ['input', 'click', 'touch'],
+  props: {
+    title: {
+      type: String,
+      default: 'Edit',
+    },
+  },
+
   methods: {
     proxy(e) {
       this.$emit(e.type, e)
@@ -26,8 +35,8 @@ export default {
   border: 1px solid rgba(0, 0, 0, 0);
 
   &:hover {
-    background: $hover-bg;
-    border: 1px solid $selected-fg;
+    color: $default-hover-fg;
+    border: none;
   }
 }
 </style>