* disjointed-popovers: (29 commits) fix spacing in mentionsline add popovers to chats fix avatar not closing, add option to put popovers next to avatar instead of over it fix the incorrect rounding in nav list re-unfuck the timeline popover Revert "unify styling of timelines dropdown with other dropdown menus" close on avatar click again, add zooming as option fix basicusercard make hover popovers less annoying to close move tooltips setting unify styling of timelines dropdown with other dropdown menus put modals on top of navbar update changelog for vue3/threecolumn/popovers changes use nextrick with status popover updates fix invisible old popover, cleanup, add selection indicator in mentionlinks update status popover when its content changes (only status reference) slight z-index refactor and attempt at organizing it fix popovers not scrolling in mobile notifications fix spacings again fix tests by just ignoring the html comments ...shigusegubu
commit
c911356910
@ -0,0 +1,23 @@ |
||||
import UserCard from '../user_card/user_card.vue' |
||||
import { defineAsyncComponent } from 'vue' |
||||
|
||||
const UserPopover = { |
||||
name: 'UserPopover', |
||||
props: [ |
||||
'userId', 'overlayCenters', 'disabled', 'overlayCentersSelector' |
||||
], |
||||
components: { |
||||
UserCard, |
||||
Popover: defineAsyncComponent(() => import('../popover/popover.vue')) |
||||
}, |
||||
computed: { |
||||
userPopoverZoom () { |
||||
return this.$store.getters.mergedConfig.userPopoverZoom |
||||
}, |
||||
userPopoverOverlay () { |
||||
return this.$store.getters.mergedConfig.userPopoverOverlay |
||||
} |
||||
} |
||||
} |
||||
|
||||
export default UserPopover |
@ -0,0 +1,33 @@ |
||||
<template> |
||||
<Popover |
||||
trigger="click" |
||||
popover-class="popover-default user-popover" |
||||
:overlay-centers-selector="overlayCentersSelector || '.user-info .Avatar'" |
||||
:overlay-centers="overlayCenters && userPopoverOverlay" |
||||
:disabled="disabled" |
||||
> |
||||
<template v-slot:trigger> |
||||
<slot /> |
||||
</template> |
||||
<template v-slot:content={close}> |
||||
<UserCard |
||||
class="user-popover" |
||||
:user-id="userId" |
||||
:hide-bio="true" |
||||
:avatar-action="userPopoverZoom ? 'zoom' : close" |
||||
:on-close="close" |
||||
/> |
||||
</template> |
||||
</Popover> |
||||
</template> |
||||
|
||||
<script src="./user_popover.js" ></script> |
||||
|
||||
<style lang="scss"> |
||||
@import '../../_variables.scss'; |
||||
|
||||
/* popover styles load on-demand, so we need to override */ |
||||
.user-popover.popover { |
||||
} |
||||
|
||||
</style> |
Loading…
Reference in new issue