diff options
| author | tusooa <tusooa@kazv.moe> | 2022-11-08 23:53:59 +0000 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2022-11-08 23:53:59 +0000 |
| commit | 6263ad7571b82ed7333a831a69a59c4192455b1d (patch) | |
| tree | ff3b50d1c07123d3b8a4a0175492dc3cf29f475c /src/components/notifications | |
| parent | 23d30c8720046f84a07f8591cccf96c64bf08879 (diff) | |
| parent | b718c0c77d16bf917dc564404cb0fa61a2c535b3 (diff) | |
Merge branch 'from/develop/tusooa/accessibility-regression' into 'develop'
Fix accessibility regressions
Closes #1217
See merge request pleroma/pleroma-fe!1679
Diffstat (limited to 'src/components/notifications')
| -rw-r--r-- | src/components/notifications/notifications.vue | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue index f9c90a7e..3d5878d4 100644 --- a/src/components/notifications/notifications.vue +++ b/src/components/notifications/notifications.vue @@ -3,7 +3,8 @@ :disabled="minimalMode || disableTeleport" :to="teleportTarget" > - <div + <component + :is="noHeading ? 'div' : 'aside'" ref="root" :class="{ minimal: minimalMode }" class="Notifications" @@ -49,10 +50,14 @@ </button> <NotificationFilters class="rightside-button" /> </div> - <div class="panel-body"> + <div + class="panel-body" + role="feed" + > <div v-for="notification in notificationsToDisplay" :key="notification.id" + role="listitem" class="notification" :class="{unseen: !minimalMode && !notification.seen}" > @@ -88,7 +93,7 @@ </div> </div> </div> - </div> + </component> </teleport> </template> |