aboutsummaryrefslogtreecommitdiffstats
path: root/apps
diff options
context:
space:
mode:
authorFerdinand Thiessen <opensource@fthiessen.de>2023-10-04 23:52:57 +0200
committerGitHub <noreply@github.com>2023-10-04 23:52:57 +0200
commita3657edb195a614c7523c1368c820e09c3874173 (patch)
treea2494b57978ba549c17f1b0549034a2e9aad2490 /apps
parent7641af5a5bd541cf5420357b9d94dbabaf6065f3 (diff)
parent9ffd5a34028a405482a7cae50aa5682f68182d13 (diff)
downloadnextcloud-server-a3657edb195a614c7523c1368c820e09c3874173.tar.gz
nextcloud-server-a3657edb195a614c7523c1368c820e09c3874173.zip
Merge pull request #40768 from nextcloud/fix/37098/dashboard-duplicated-ids
fix(dashboard): remove duplicated IDs on the dashboard page
Diffstat (limited to 'apps')
-rw-r--r--apps/dashboard/src/DashboardApp.vue8
1 files changed, 4 insertions, 4 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue
index 7a7b56da266..9d099c263d5 100644
--- a/apps/dashboard/src/DashboardApp.vue
+++ b/apps/dashboard/src/DashboardApp.vue
@@ -20,13 +20,13 @@
class="panel">
<div class="panel--header">
<h2>
- <div aria-labelledby="panel--header--icon--description"
+ <div :aria-labelledby="`panel-${panels[panelId].id}--header--icon--description`"
aria-hidden="true"
:class="apiWidgets[panels[panelId].id].icon_class"
role="img" />
{{ apiWidgets[panels[panelId].id].title }}
</h2>
- <span id="panel--header--icon--description" class="hidden-visually">
+ <span :id="`panel-${panels[panelId].id}--header--icon--description`" class="hidden-visually">
{{ t('dashboard', '"{title} icon"', { title: apiWidgets[panels[panelId].id].title }) }}
</span>
</div>
@@ -39,13 +39,13 @@
<div v-else :key="panels[panelId].id" class="panel">
<div class="panel--header">
<h2>
- <div aria-labelledby="panel--header--icon--description"
+ <div :aria-labelledby="`panel-${panels[panelId].id}--header--icon--description`"
aria-hidden="true"
:class="panels[panelId].iconClass"
role="img" />
{{ panels[panelId].title }}
</h2>
- <span id="panel--header--icon--description" class="hidden-visually"> {{ t('dashboard', '"{title} icon"', { title: panels[panelId].title }) }} </span>
+ <span :id="`panel-${panels[panelId].id}--header--icon--description`" class="hidden-visually"> {{ t('dashboard', '"{title} icon"', { title: panels[panelId].title }) }} </span>
</div>
<div class="panel--content" :class="{ loading: !panels[panelId].mounted }">
<div :ref="panels[panelId].id" :data-id="panels[panelId].id" />