Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-04-29 22:14:26 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/settings/appearance: add a toggle for disabling haptics

Browse Source 
also updated all descriptions for accessibility toggles
This commit is contained in:
wukko 2025-03-05 21:46:27 +06:00
parent 712318612d
commit 698905db2e
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
2 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/i18n/en/settings.json
View File

@ -89,9 +89,11 @@
"accessibility": "accessibility",
"accessibility.transparency.title": "reduce visual transparency",
"accessibility.transparency.description": "reduces transparency of surfaces and disables blur effects. may also improve ui performance on low performance devices.",
"accessibility.transparency.description": "transparency of surfaces will be reduced and all blur effects will be disabled. may also improve ui performance on less powerful devices.",
"accessibility.motion.title": "reduce motion",
"accessibility.motion.description": "disables animations and transitions whenever possible.",
"accessibility.motion.description": "animations and transitions will be disabled whenever possible.",
"accessibility.haptics.title": "disable haptics",
"accessibility.haptics.description": "all haptic effects will be disabled.",
"language": "language",
"language.auto.title": "automatic selection",

24
web/src/routes/settings/appearance/+page.svelte
View File

@ -1,8 +1,8 @@
<script lang="ts">
import { t, locales } from "$lib/i18n/translations";
import { device } from "$lib/device";
import settings from "$lib/state/settings";
import { themeOptions } from "$lib/types/settings";
import { t, locales } from "$lib/i18n/translations";
import Switcher from "$components/buttons/Switcher.svelte";
import SettingsButton from "$components/buttons/SettingsButton.svelte";
@ -58,16 +58,24 @@
sectionId="accessibility"
title={$t("settings.accessibility")}
>
<SettingsToggle
settingContext="appearance"
settingId="reduceTransparency"
title={$t("settings.accessibility.transparency.title")}
description={$t("settings.accessibility.transparency.description")}
/>
<SettingsToggle
settingContext="appearance"
settingId="reduceMotion"
title={$t("settings.accessibility.motion.title")}
description={$t("settings.accessibility.motion.description")}
/>
<SettingsToggle
settingContext="appearance"
settingId="reduceTransparency"
title={$t("settings.accessibility.transparency.title")}
description={$t("settings.accessibility.transparency.description")}
/>
{#if device.supports.haptics}
<SettingsToggle
settingContext="appearance"
settingId="disableHaptics"
title={$t("settings.accessibility.haptics.title")}
description={$t("settings.accessibility.haptics.description")}
/>
{/if}
</SettingsCategory>