From 3c3db7f9339f6d252b8047d9778152b7fee91842 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Mon, 29 Jul 2024 03:14:57 +0200
Subject: [PATCH] UI: flash border when hovering over the edit-button

---
 .../Popup/TagRendering/TagRenderingEditable.svelte  | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/UI/Popup/TagRendering/TagRenderingEditable.svelte b/src/UI/Popup/TagRendering/TagRenderingEditable.svelte
index 7a15f7da1f..ab251a5bc9 100644
--- a/src/UI/Popup/TagRendering/TagRenderingEditable.svelte
+++ b/src/UI/Popup/TagRendering/TagRenderingEditable.svelte
@@ -105,7 +105,7 @@
         </button>
       </TagRenderingQuestion>
     {:else}
-      <div class="low-interaction flex items-center justify-between overflow-hidden rounded pl-2">
+      <div class="low-interaction flex items-center justify-between overflow-hidden rounded pl-2 answer">
         <TagRenderingAnswer
           id={answerId}
           {config}
@@ -130,3 +130,14 @@
     <TagRenderingAnswer {config} {tags} {selectedElement} {state} {layer} />
   {/if}
 </div>
+<style>
+
+    .answer {
+        border: 1px solid #00000000;
+    }
+
+    .answer:has(.edit-button:hover) {
+        border: 1px solid var(--catch-detail-color-contrast);
+    }
+
+</style>