From 6efa2aef9b58b8e2128938dacf95471783a2d820 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Sat, 4 Nov 2023 01:31:49 +0000
Subject: [PATCH] show CalendarDoor on hover

---
 ui/src/components/calendar/CalendarDoor.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/calendar/CalendarDoor.vue b/ui/src/components/calendar/CalendarDoor.vue
index f01d5a7..198157b 100644
--- a/ui/src/components/calendar/CalendarDoor.vue
+++ b/ui/src/components/calendar/CalendarDoor.vue
@@ -1,8 +1,10 @@
 <template>
   <SVGRect
     style="cursor: pointer"
-    :variant="visible ? 'primary' : undefined"
+    :variant="visible || hovered ? 'primary' : undefined"
     :rectangle="door.position"
+    @mouseover="hovered = true"
+    @mouseout="hovered = false"
   >
     <div class="has-text-danger">{{ door.day }}</div>
   </SVGRect>
@@ -29,5 +31,7 @@ import SVGRect from "./SVGRect.vue";
 export default class extends Vue {
   public door!: Door;
   public visible!: boolean;
+
+  public hovered = false;
 }
 </script>