web: respect reduced motion & transparency preferences
also cleaned up settings & device libs
This commit is contained in:
@@ -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)}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user