From a34bea75a808de9841f616896ebb630972475707 Mon Sep 17 00:00:00 2001
From: tusooa <tusooa@kazv.moe>
Date: Tue, 8 Nov 2022 00:37:22 -0500
Subject: Handle properly 2-col and 3-col desktop notifications

---
 src/components/notifications/notifications.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src/components/notifications/notifications.vue')

diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index f9c90a7e..7ed419d1 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"
@@ -88,7 +89,7 @@
           </div>
         </div>
       </div>
-    </div>
+    </component>
   </teleport>
 </template>
 
-- 
cgit v1.2.3-70-g09d2


From 17aa503106f129e391f8478ade6821f09ef7494a Mon Sep 17 00:00:00 2001
From: tusooa <tusooa@kazv.moe>
Date: Tue, 8 Nov 2022 00:43:33 -0500
Subject: Make notification panel a list of articles

---
 src/components/notification/notification.vue   | 17 ++++++++++-------
 src/components/notifications/notifications.vue |  6 +++++-
 2 files changed, 15 insertions(+), 8 deletions(-)

(limited to 'src/components/notifications/notifications.vue')

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 26b174ff..84f3f7de 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -1,11 +1,14 @@
 <template>
-  <Status
+  <article
     v-if="notification.type === 'mention'"
-    class="Notification"
-    :compact="true"
-    :statusoid="notification.status"
-  />
-  <div v-else>
+  >
+    <Status
+      class="Notification"
+      :compact="true"
+      :statusoid="notification.status"
+    />
+  </article>
+  <article v-else>
     <div
       v-if="needMute && !unmuted"
       class="Notification container -muted"
@@ -226,7 +229,7 @@
         </template>
       </div>
     </div>
-  </div>
+  </article>
 </template>
 
 <script src="./notification.js"></script>
diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index 7ed419d1..02a87fcc 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -50,10 +50,14 @@
           </button>
           <NotificationFilters class="rightside-button" />
         </div>
-        <div class="panel-body">
+        <div
+          class="panel-body"
+          role="list"
+        >
           <div
             v-for="notification in notificationsToDisplay"
             :key="notification.id"
+            role="listitem"
             class="notification"
             :class="{unseen: !minimalMode && !notification.seen}"
           >
-- 
cgit v1.2.3-70-g09d2


From b718c0c77d16bf917dc564404cb0fa61a2c535b3 Mon Sep 17 00:00:00 2001
From: tusooa <tusooa@kazv.moe>
Date: Tue, 8 Nov 2022 10:34:38 -0500
Subject: Use feed role for notifs and timelines

---
 src/components/notifications/notifications.vue | 2 +-
 src/components/timeline/timeline.vue           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/components/notifications/notifications.vue')

diff --git a/src/components/notifications/notifications.vue b/src/components/notifications/notifications.vue
index 02a87fcc..3d5878d4 100644
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@@ -52,7 +52,7 @@
         </div>
         <div
           class="panel-body"
-          role="list"
+          role="feed"
         >
           <div
             v-for="notification in notificationsToDisplay"
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index f561d974..877a0cc0 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -79,7 +79,7 @@
       <div
         ref="timeline"
         class="timeline"
-        role="list"
+        role="feed"
       >
         <conversation
           v-for="statusId in filteredPinnedStatusIds"
-- 
cgit v1.2.3-70-g09d2

