From 0f51b22d99c203fc3178dd6fe5e50d1a7288468b Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Mon, 9 Sep 2024 00:10:53 +0600
Subject: [PATCH] web/SettingsCategory: rename state from animate to focus

---
 web/src/components/settings/SettingsCategory.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/components/settings/SettingsCategory.svelte b/web/src/components/settings/SettingsCategory.svelte
index d97a40a4..2b9503df 100644
--- a/web/src/components/settings/SettingsCategory.svelte
+++ b/web/src/components/settings/SettingsCategory.svelte
@@ -8,19 +8,19 @@
     export let disabled = false;
     export let beta = false;
 
-    let animate = false;
+    let focus = false;
 
     $: hash = $page.url.hash.replace("#", "");
 
     $: if (hash === sectionId) {
-        animate = true;
+        focus = true;
     }
 </script>
 
 <section
     id={sectionId}
     class="settings-content"
-    class:animate
+    class:focus
     class:disabled
     aria-hidden={disabled}
 >
@@ -47,11 +47,11 @@
         opacity: 0.5;
     }
 
-    .settings-content.animate {
+    .settings-content.focus {
         animation: highlight 2s;
     }
 
-    :global([data-reduce-motion="true"]) .settings-content.animate {
+    :global([data-reduce-motion="true"]) .settings-content.focus {
         animation: highlight-lite 2s !important;
     }