Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 12:50:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

web/SettingsCategory: rename state from animate to focus

Browse source
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
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
web/src/components/settings/SettingsCategory.svelte
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;
} }