Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2024-11-15 04:39:58 +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 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;
}