From 9d6e6386143219f1d56f042cb44d30c693bebb63 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 24 Apr 2025 17:28:06 +0600
Subject: [PATCH] web/ProcessingStatus: replace box-shadow with filter

---
 .../components/queue/ProcessingStatus.svelte   | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/web/src/components/queue/ProcessingStatus.svelte b/web/src/components/queue/ProcessingStatus.svelte
index 15cd024e..c74a7ea3 100644
--- a/web/src/components/queue/ProcessingStatus.svelte
+++ b/web/src/components/queue/ProcessingStatus.svelte
@@ -37,16 +37,18 @@
 
 <style>
     #processing-status {
-        --processing-status-glow: 0 0 8px 0px var(--button-elevated-hover);
-
         pointer-events: all;
         padding: 7px;
         border-radius: 30px;
-        box-shadow:
-            var(--button-box-shadow),
-            var(--processing-status-glow);
+        box-shadow: var(--button-box-shadow);
 
-        transition: box-shadow 0.2s, background-color 0.2s, transform 0.2s;
+        filter: drop-shadow(0 0 3px var(--button-elevated-hover));
+
+        transition:
+            background-color 0.2s,
+            transform 0.2s;
+
+        will-change: transform, background-color;
     }
 
     #processing-status:focus-visible {
@@ -58,9 +60,7 @@
     }
 
     #processing-status.completed {
-        box-shadow:
-            var(--focus-ring),
-            var(--processing-status-glow);
+        box-shadow: var(--focus-ring);
     }
 
     :global([data-theme="light"]) #processing-status.completed {