diff options
| author | Henry Jameson <me@hjkos.com> | 2022-12-19 22:20:15 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-12-19 22:20:15 +0200 |
| commit | efdcfedfbeabcb71ad1756e993eba6a4c6ac720a (patch) | |
| tree | 7174da075c333974b3dbf7b178c12f32ea49fc70 /src/components/notification/notification.vue | |
| parent | bcb24938aa2891b604a5b9285836eb70654c87ea (diff) | |
add icon to allow expand collapsed (status-related) notifications
Diffstat (limited to 'src/components/notification/notification.vue')
| -rw-r--r-- | src/components/notification/notification.vue | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue index 84f3f7de..2079cc75 100644 --- a/src/components/notification/notification.vue +++ b/src/components/notification/notification.vue @@ -144,13 +144,23 @@ <router-link v-if="notification.status" :to="{ name: 'conversation', params: { id: notification.status.id } }" - class="faint-link" + class="timeago-link faint-link" > <Timeago :time="notification.created_at" :auto-update="240" /> </router-link> + <button + class="button-unstyled expand-icon" + @click.prevent="toggleStatusExpanded" + > + <FAIcon + class="fa-scale-110" + fixed-width + :icon="statusExpanded ? 'compress-alt' : 'expand-alt'" + /> + </button> </div> <div v-else @@ -222,8 +232,8 @@ /> <template v-else> <StatusContent - class="faint" - :compact="true" + :class="{ faint: !statusExpanded }" + :compact="!statusExpanded" :status="notification.action" /> </template> |