diff options
author | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-10-04 23:52:57 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-10-04 23:52:57 +0200 |
commit | a3657edb195a614c7523c1368c820e09c3874173 (patch) | |
tree | a2494b57978ba549c17f1b0549034a2e9aad2490 /apps | |
parent | 7641af5a5bd541cf5420357b9d94dbabaf6065f3 (diff) | |
parent | 9ffd5a34028a405482a7cae50aa5682f68182d13 (diff) | |
download | nextcloud-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.vue | 8 |
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" /> |