web/SettingsCategory: rename state from animate to focus

This commit is contained in:
wukko 2024-09-09 00:10:53 +06:00
parent 913beda417
commit 0f51b22d99
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

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