diff options
| author | Grigorii K. Shartsev <me@shgk.me> | 2023-10-18 14:16:03 +0200 |
|---|---|---|
| committer | Grigorii K. Shartsev <me@shgk.me> | 2023-10-23 16:20:47 +0200 |
| commit | 3b017ec3ff75309fd869be82aefcc45d14b1f2ae (patch) | |
| tree | e77573094f4d7764fd36ec1e7405e232727f9c1c /apps | |
| parent | 834c9a209ebef7b8d5795b53a018577fe4e534ca (diff) | |
| download | nextcloud-server-3b017ec3ff75309fd869be82aefcc45d14b1f2ae.tar.gz nextcloud-server-3b017ec3ff75309fd869be82aefcc45d14b1f2ae.zip | |
fix(dashboard): use span instead of div for icon to html
- div is not valid in h2
- div is not valid in label
Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 9d099c263d5..21c6088f36f 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -20,7 +20,7 @@ class="panel"> <div class="panel--header"> <h2> - <div :aria-labelledby="`panel-${panels[panelId].id}--header--icon--description`" + <span :aria-labelledby="`panel-${panels[panelId].id}--header--icon--description`" aria-hidden="true" :class="apiWidgets[panels[panelId].id].icon_class" role="img" /> @@ -39,7 +39,7 @@ <div v-else :key="panels[panelId].id" class="panel"> <div class="panel--header"> <h2> - <div :aria-labelledby="`panel-${panels[panelId].id}--header--icon--description`" + <span :aria-labelledby="`panel-${panels[panelId].id}--header--icon--description`" aria-hidden="true" :class="panels[panelId].iconClass" role="img" /> @@ -74,7 +74,7 @@ :checked="isStatusActive(status)" @input="updateStatusCheckbox(status, $event.target.checked)"> <label :for="'status-checkbox-' + status"> - <div :class="statusInfo[status].icon" aria-hidden="true" role="img" /> + <span :class="statusInfo[status].icon" aria-hidden="true" /> {{ statusInfo[status].text }} </label> </li> @@ -92,7 +92,7 @@ :checked="isActive(panel)" @input="updateCheckbox(panel, $event.target.checked)"> <label :for="'panel-checkbox-' + panel.id" :class="{ draggable: isActive(panel) }"> - <div :class="panel.iconClass" aria-hidden="true" role="img" /> + <span :class="panel.iconClass" aria-hidden="true" /> {{ panel.title }} </label> </li> @@ -540,7 +540,7 @@ export default { overflow: hidden; text-overflow: ellipsis; cursor: grab; - div { + span { background-size: 32px; width: 32px; height: 32px; @@ -633,7 +633,7 @@ export default { text-overflow: ellipsis; white-space: nowrap; - div { + span { position: absolute; top: 16px; width: 24px; @@ -647,7 +647,7 @@ export default { } // Do not invert status icons - &:not(.panel-status) label div { + &:not(.panel-status) label span { filter: var(--background-invert-if-dark); } |