feat: show full timestamp tooltip on relative (#1771)

Signed-off-by: Pedro Lamas <[email protected]>

Author: pedrolamas

src/components/layout/AppNotificationMenu.vue

@@ -82,9 +82,18 @@
                 v-safe-html="n.description"
                 class="notification-description"
               />
-              <v-list-item-subtitle class="notification-timestamp">
-                {{ $filters.formatRelativeTimeToNow(n.timestamp * 1000) }}
-              </v-list-item-subtitle>
+              <v-tooltip bottom>
+                <template #activator="{ on, attrs }">
+                  <v-list-item-subtitle
+                    v-bind="attrs"
+                    class="notification-timestamp"
+                    v-on="on"
+                  >
+                    {{ $filters.formatRelativeTimeToNow(n.timestamp * 1000) }}
+                  </v-list-item-subtitle>
+                </template>
+                <span>{{ $filters.formatDateTime(n.timestamp * 1000) }}</span>
+              </v-tooltip>
               <v-list-item-subtitle v-if="n.to">
                 <app-btn
                   v-if="!n.to.startsWith('http')"

src/components/settings/VersionInformationDialog.vue

@@ -51,7 +51,17 @@
                     >
                       <strong>{{ commit.author }}</strong>
                     </a>
-                    {{ $t('app.version.label.committed') }} {{ $filters.formatRelativeTimeToNow(+commit.date * 1000) }}
+                    <v-tooltip bottom>
+                      <template #activator="{ on, attrs }">
+                        <span
+                          v-bind="attrs"
+                          v-on="on"
+                        >
+                          {{ $t('app.version.label.committed') }} {{ $filters.formatRelativeTimeToNow(+commit.date * 1000) }}
+                        </span>
+                      </template>
+                      <span>{{ $filters.formatDateTime(+commit.date * 1000) }}</span>
+                    </v-tooltip>
                   </div>
                 </div>
                 <div>