diff --git a/src/intl/en-US.js b/src/intl/en-US.js
index 510f0f78..355cf966 100644
--- a/src/intl/en-US.js
+++ b/src/intl/en-US.js
@@ -384,6 +384,7 @@ export default {
disableCustomScrollbars: 'Disable custom scrollbars',
bottomNav: 'Place the navigation bar at the bottom of the screen',
centerNav: 'Center the navigation bar',
+ hideCheckmark: 'Hide chechmark on favorite/boost buttons',
preferences: 'Preferences',
hotkeySettings: 'Hotkey settings',
disableHotkeys: 'Disable all hotkeys',
diff --git a/src/routes/_components/IconButton.html b/src/routes/_components/IconButton.html
index d93f8766..56309e2f 100644
--- a/src/routes/_components/IconButton.html
+++ b/src/routes/_components/IconButton.html
@@ -12,7 +12,7 @@
ref:node
>
- {#if checked}
+ {#if showCheckmark}
{/if}
@@ -154,12 +154,13 @@
sameColorWhenPressed ? 'same-pressed' : 'not-same-pressed',
className
)),
- ariaLabel: ({ pressable, pressed, label, pressedLabel }) => ((pressable && pressed) ? pressedLabel : label)
+ ariaLabel: ({ pressable, pressed, label, pressedLabel }) => ((pressable && pressed) ? pressedLabel : label),
+ showCheckmark: ({ checked, $hideCheckmark }) => (!$hideCheckmark && checked)
},
methods: {
animate (animation, checkmarkAnimation) {
this.refs.svg.animate(animation)
- if (checkmarkAnimation && this.get().checked) {
+ if (checkmarkAnimation && this.get().showCheckmark) {
this.refs.check.animate(checkmarkAnimation)
}
},
diff --git a/src/routes/_pages/settings/general.html b/src/routes/_pages/settings/general.html
index dd95e882..97dd107d 100644
--- a/src/routes/_pages/settings/general.html
+++ b/src/routes/_pages/settings/general.html
@@ -67,6 +67,11 @@
bind:checked="$bottomNav" on:change="onChange(event)">
{intl.bottomNav}
+
{intl.accessibility}
diff --git a/src/routes/_store/store.js b/src/routes/_store/store.js
index 8584d7fd..695b0d94 100644
--- a/src/routes/_store/store.js
+++ b/src/routes/_store/store.js
@@ -27,6 +27,7 @@ const persistedState = {
disableTapOnStatus: false,
enableGrayscale: false,
hideCards: false,
+ hideCheckmark: false,
largeInlineMedia: false,
leftRightChangesFocus: isKaiOS(),
instanceNameInSearch: '',