From ef41494bad65e0a8ed9d5bb2335243da7021e482 Mon Sep 17 00:00:00 2001
From: eris <femmediscord@gmail.com>
Date: Tue, 2 Aug 2022 09:18:58 +0000
Subject: [PATCH] Remove descriptions in timeline menu, change to titles and
 aria-labels (#74)

Reviewed-on: https://akkoma.dev/AkkomaGang/pleroma-fe/pulls/74
Co-authored-by: eris <femmediscord@gmail.com>
Co-committed-by: eris <femmediscord@gmail.com>
---
 .../timeline_menu/timeline_menu_content.vue   | 40 ++++++++++++++-----
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/components/timeline_menu/timeline_menu_content.vue b/src/components/timeline_menu/timeline_menu_content.vue
index 452afd88..2e5d3ce9 100644
--- a/src/components/timeline_menu/timeline_menu_content.vue
+++ b/src/components/timeline_menu/timeline_menu_content.vue
@@ -9,9 +9,12 @@
           fixed-width
           class="fa-scale-110 fa-old-padding "
           icon="home"
-        />{{ $t("nav.home_timeline") }}
+        />
+        <span
+          :title="$t('nav.home_timeline_description')"
+          :aria-label="$t('nav.home_timeline_description')"
+        >{{ $t("nav.home_timeline") }}</span>
       </router-link>
-      <span class="timeline-desc">{{ $t("nav.home_timeline_description") }}</span>
     </li>
     <li v-if="currentUser">
       <router-link
@@ -22,9 +25,12 @@
           fixed-width
           class="fa-scale-110 fa-old-padding "
           icon="circle"
-        />{{ $t("nav.bubble_timeline") }}
+        />
+        <span
+          :title="$t('nav.bubble_timeline_description')"
+          :aria-label="$t('nav.bubble_timeline_description')"
+        >{{ $t("nav.bubble_timeline") }}</span>
       </router-link>
-      <span class="timeline-desc">{{ $t("nav.bubble_timeline_description") }}</span>
     </li>
     <li v-if="currentUser || !privateMode">
       <router-link
@@ -35,9 +41,12 @@
           fixed-width
           class="fa-scale-110 fa-old-padding "
           icon="users"
-        />{{ $t("nav.public_tl") }}
+        />
+        <span
+          :title="$t('nav.public_timeline_description')"
+          :aria-label="$t('nav.public_timeline_description')"
+        >{{ $t("nav.public_tl") }}</span>
       </router-link>
-      <span class="timeline-desc">{{ $t("nav.public_timeline_description") }}</span>
     </li>
     <li v-if="federating && (currentUser || !privateMode)">
       <router-link
@@ -48,9 +57,12 @@
           fixed-width
           class="fa-scale-110 fa-old-padding "
           icon="globe"
-        />{{ $t("nav.twkn") }}
+        />
+        <span
+          :title="$t('nav.twkn_timeline_description')"
+          :aria-label="$t('nav.twkn_timeline_description')"
+        >{{ $t("nav.twkn") }}</span>
       </router-link>
-      <span class="timeline-desc">{{ $t("nav.twkn_timeline_description") }}</span>
     </li>
     <li v-if="currentUser">
       <router-link
@@ -61,7 +73,11 @@
           fixed-width
           class="fa-scale-110 fa-old-padding "
           icon="bookmark"
-        />{{ $t("nav.bookmarks") }}
+        />
+        <span
+          :title="$t('nav.bookmarks')"
+          :aria-label="$t('nav.bookmarks')"
+        >{{ $t("nav.bookmarks") }}</span>
       </router-link>
     </li>
     <li v-if="currentUser">
@@ -73,7 +89,11 @@
           fixed-width
           class="fa-scale-110 fa-old-padding "
           icon="envelope"
-        />{{ $t("nav.dms") }}
+        />
+        <span
+          :title="$t('nav.dms')"
+          :aria-label="$t('nav.dms')"
+        >{{ $t("nav.dms") }}</span>
       </router-link>
     </li>
   </ul>