From ef0e7b1f9a2395d1b4930f08a7ceb4d7bc70e8a3 Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Sat, 26 Jul 2025 22:01:08 +0000
Subject: [PATCH] fix double highlight

---
 .../components/Domain/Recipe/RecipeCardMobile.vue   | 13 ++++++++++++-
 .../components/Domain/Recipe/RecipeTimelineItem.vue |  1 +
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/components/Domain/Recipe/RecipeCardMobile.vue b/frontend/components/Domain/Recipe/RecipeCardMobile.vue
index c6c0cdbec..a4d8d9d80 100644
--- a/frontend/components/Domain/Recipe/RecipeCardMobile.vue
+++ b/frontend/components/Domain/Recipe/RecipeCardMobile.vue
@@ -3,7 +3,10 @@
     <v-expand-transition>
       <v-card
         :ripple="false"
-        :class="isFlat ? 'mx-auto flat' : 'mx-auto'"
+        :class="[
+          isFlat ? 'mx-auto flat' : 'mx-auto',
+          { 'disable-highlight': disableHighlight }
+        ]"
         :style="{ cursor }"
         hover
         height="100%"
@@ -181,6 +184,10 @@ export default defineNuxtComponent({
       type: [Number],
       default: 150,
     },
+    disableHighlight: {
+      type: Boolean,
+      default: false,
+    },
   },
   emits: ["selected", "delete"],
   setup(props) {
@@ -241,4 +248,8 @@ export default defineNuxtComponent({
   box-shadow: none !important;
   background-color: transparent !important;
 }
+
+.disable-highlight :deep(.v-card__overlay) {
+  opacity: 0 !important;
+}
 </style>
diff --git a/frontend/components/Domain/Recipe/RecipeTimelineItem.vue b/frontend/components/Domain/Recipe/RecipeTimelineItem.vue
index 1913ae36d..531d52241 100644
--- a/frontend/components/Domain/Recipe/RecipeTimelineItem.vue
+++ b/frontend/components/Domain/Recipe/RecipeTimelineItem.vue
@@ -53,6 +53,7 @@
         <v-row :class="useMobileFormat ? 'py-3 mx-0' : 'py-3 mx-0'" style="max-width: 100%">
           <v-col align-self="center" class="pa-0">
             <RecipeCardMobile
+              disable-highlight
               :vertical="useMobileFormat"
               :name="recipe.name"
               :slug="recipe.slug"