web: respect reduced motion & transparency preferences

also cleaned up settings & device libs
This commit is contained in:
wukko
2024-07-12 18:49:29 +06:00
parent 1160b90c17
commit d27bed7add
10 changed files with 71 additions and 52 deletions

View File

@@ -15,23 +15,25 @@
{#if $settings.advanced.debug}
<div id="advanced-page">
device:
<h3>device:</h3>
<div class="message-container subtext">
is.iPad: {device.is.iPad}
is.iPhone: {device.is.iPhone}
is.iOS: {device.is.iOS}
is.android: {device.is.android}
is.mobile: {device.is.mobile}
preferredLocale: {device.preferredLocale}
prefers.language: {device.prefers.language}
prefers.reducedMotion: {device.prefers.reducedMotion}
prefers.reducedTransparency: {device.prefers.reducedTransparency}
userAgent: {device.userAgent}
</div>
app:
<h3>app:</h3>
<div class="message-container subtext">
is.installed: {app.is.installed}
</div>
version:
<h3>version:</h3>
<div class="message-container subtext">
version: {version.version}
commit: {version.commit.slice(0, 7)}

View File

@@ -39,15 +39,15 @@
title={$t("settings.accessibility")}
>
<SettingsToggle
settingContext="accessibility"
settingContext="appearance"
settingId="reduceTransparency"
title={$t("settings.accessibility.transparency.title")}
description={$t("settings.accessibility.transparency.description")}
/>
<SettingsToggle
settingContext="accessibility"
settingId="reduceAnimations"
title={$t("settings.accessibility.animations.title")}
description={$t("settings.accessibility.animations.description")}
settingContext="appearance"
settingId="reduceMotion"
title={$t("settings.accessibility.motion.title")}
description={$t("settings.accessibility.motion.description")}
/>
</SettingsCategory>