diff options
| author | Henry Jameson <me@hjkos.com> | 2022-06-13 13:45:04 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-06-13 13:45:04 +0300 |
| commit | 7c633aa9525c8a0533281947c587ff1a5ded75ec (patch) | |
| tree | 55304256df1d0d88745fc933fc808705d10c2a43 /src/components/status/status.vue | |
| parent | 3628fb4272c0b9f5a66f0de61e6c4f37f4908fe7 (diff) | |
user popovers WIP
Diffstat (limited to 'src/components/status/status.vue')
| -rw-r--r-- | src/components/status/status.vue | 38 |
1 files changed, 27 insertions, 11 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 67ce999a..624960fe 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -122,17 +122,33 @@ v-if="!noHeading" class="left-side" > - <a - :href="$router.resolve(userProfileLink).href" - @click.stop.prevent.capture="toggleUserExpanded" - > - <UserAvatar - class="post-avatar" - :bot="botIndicator" - :compact="compact" - :better-shadow="betterShadow" - :user="status.user" - /> + <a :href="$router.resolve(userProfileLink).href" @click.prevent> + <Popover + trigger="click" + popover-class="popover-default user-popover" + :overlay-centers="true" + overlay-centers-selector=".user-info-avatar-link .Avatar" + > + <template v-slot:trigger> + <UserAvatar + class="post-avatar" + :bot="botIndicator" + :compact="compact" + :better-shadow="betterShadow" + :user="status.user" + /> + </template> + <template v-slot:content> + <UserCard + class="mention-link-popover" + :user-id="status.user.id" + :hide-bio="true" + :bordered="false" + :allow-zooming-avatar="true" + :rounded="true" + /> + </template> + </Popover> </a> </div> <div class="right-side"> |