No OneTemporary
Actions

Authored By

Unknown

Size

1 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/user_popover/user_popover.vue b/src/components/user_popover/user_popover.vue
	index b8aeb18ad7..c2663fb476 100644
	--- a/src/components/user_popover/user_popover.vue
	+++ b/src/components/user_popover/user_popover.vue
	@@ -1,50 +1,52 @@
	<template>
	<Popover
	trigger="click"
	popover-class="popover-default user-popover"
	:overlay-centers-selector="overlayCentersSelector \|\| '.user-info .Avatar'"
	:overlay-centers="overlayCenters && userPopoverOverlay"
	:disabled="disabled"
	>
	<template #trigger>
	<slot />
	</template>
	<template #content="{close}">
	<UserCard
	class="user-popover"
	:user-id="userId"
	:hide-bio="true"
	:avatar-action="userPopoverAvatarAction == 'close' ? close : userPopoverAvatarAction"
	:on-close="close"
	/>
	</template>
	</Popover>
	</template>

	<script src="./user_popover.js"></script>

	<style lang="scss">
	/* popover styles load on-demand, so we need to override */
	/* stylelint-disable block-no-empty */
	-.user-popover{
	+.user-popover {
	+ margin-bottom: 0.6em;
	+
	.user-card-inner {
	display: flex;
	}

	&.popover {
	overflow: hidden;
	padding: 0.6em;

	.user-info {
	width: 30em;
	}

	.background-image {
	max-height: 6em;
	margin-bottom: -4.5em;
	}
	}
	}
	/* stylelint-enable block-no-empty */

	</style>