aboutsummaryrefslogtreecommitdiff
path: root/src/components/font_control/font_control.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2023-03-04 13:14:01 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2023-03-04 13:14:01 +0000
commit8abaf8fa375d8453b2284fbf529cd03ff565bcd4 (patch)
treebb3dcbcdd3c2b158ddea5dd03fdbd1dc121d639a /src/components/font_control/font_control.vue
parent08421939571205e611c1743dfbad1b76083e7f06 (diff)
parentda46c30893a4ae5e3aaf2de2213e73281e87aaf2 (diff)
Merge branch 'tusooa/theme-checkbox' into 'develop'
Fix display of theme checkboxes See merge request pleroma/pleroma-fe!1797
Diffstat (limited to 'src/components/font_control/font_control.vue')
-rw-r--r--src/components/font_control/font_control.vue5
1 files changed, 4 insertions, 1 deletions
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index bb7e64bc..e2ba74d1 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -4,6 +4,7 @@
:class="{ custom: isCustom }"
>
<label
+ :id="name + '-label'"
:for="preset === 'custom' ? name : name + '-font-switcher'"
class="label"
>
@@ -12,7 +13,8 @@
<input
v-if="typeof fallback !== 'undefined'"
:id="name + '-o'"
- class="opt exlcude-disabled"
+ :aria-labelledby="name + '-label'"
+ class="opt exlcude-disabled visible-for-screenreader-only"
type="checkbox"
:checked="present"
@change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
@@ -21,6 +23,7 @@
v-if="typeof fallback !== 'undefined'"
class="opt-l"
:for="name + '-o'"
+ :aria-hidden="true"
/>
{{ ' ' }}
<Select