From 41889d9160d3fe37e80f0e51fea00ab12e296979 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Fri, 24 Nov 2023 11:34:18 +0000
Subject: [PATCH] make subtle glow static

---
 ui/src/components/calendar/CalendarDoor.vue | 27 +++++----------------
 1 file changed, 6 insertions(+), 21 deletions(-)

diff --git a/ui/src/components/calendar/CalendarDoor.vue b/ui/src/components/calendar/CalendarDoor.vue
index 6c6a11e..d2a1e11 100644
--- a/ui/src/components/calendar/CalendarDoor.vue
+++ b/ui/src/components/calendar/CalendarDoor.vue
@@ -4,30 +4,15 @@
     :visible="store.is_touch_device || force_visible"
     :rectangle="door.position"
   >
-    <div class="has-text-danger glow">{{ door.day }}</div>
+    <div
+      class="has-text-danger"
+      style="text-shadow: 0 0 10px white, 0 0 20px white"
+    >
+      {{ door.day }}
+    </div>
   </SVGRect>
 </template>
 
-<style lang="scss" scoped>
-@import "@/bulma-scheme";
-
-.glow {
-  -webkit-animation: glow 2s ease-in-out infinite alternate;
-  -moz-animation: glow 2s ease-in-out infinite alternate;
-  animation: glow 2s ease-in-out infinite alternate;
-}
-
-@keyframes glow {
-  from {
-    text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px $primary,
-      0 0 40px $primary, 0 0 50px $primary, 0 0 60px $primary, 0 0 70px $primary;
-  }
-  to {
-    text-shadow: 0 0 10px white;
-  }
-}
-</style>
-
 <script lang="ts">
 import { Door } from "@/lib/door";
 import { advent22Store } from "@/plugins/store";