diff options
author | Joas Schilling <coding@schilljs.com> | 2022-07-14 15:09:48 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2022-07-14 15:09:48 +0300 |
commit | 1df42cff5a80ae16d257ac506cdd0e3e8e15ec92 (patch) | |
tree | ab401529539ee3348f27624daeac4cce14bd7816 /src | |
parent | 2e74bd18aed2c2d6574a9f619c454a5c757ffd7e (diff) |
Correctly forward avatar container
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/AvatarWrapper/AvatarWrapper.vue | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src/components/AvatarWrapper/AvatarWrapper.vue b/src/components/AvatarWrapper/AvatarWrapper.vue index ce9bcf668..3e379526d 100644 --- a/src/components/AvatarWrapper/AvatarWrapper.vue +++ b/src/components/AvatarWrapper/AvatarWrapper.vue @@ -28,7 +28,7 @@ <Avatar v-else-if="!isGuest" :user="id" :display-name="name" - :menu-container="menuContainer" + :menu-container="menuContainerWithFallback" menu-position="left" :disable-tooltip="disableTooltip" :disable-menu="disableMenu" @@ -97,6 +97,11 @@ export default { type: Object, default: undefined, }, + + menuContainer: { + type: Object, + default: undefined, + }, }, computed: { // Determines which icon is displayed @@ -117,10 +122,10 @@ export default { const customName = this.name !== t('spreed', 'Guest') ? this.name : '?' return customName.charAt(0) }, - menuContainer() { - return this.$store.getters.getMainContainerSelector() + menuContainerWithFallback() { + return this.menuContainer ? this.menuContainer : this.$store.getters.getMainContainerSelector() }, - // Takes the the size prop and makes it a string for the classes + // Takes the size prop and makes it a string for the classes sizeToString() { return this.size.toString() }, |