No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/user_avatar/user_avatar.vue b/src/components/user_avatar/user_avatar.vue
	index e4e4127c19..5e4c79fb91 100644
	--- a/src/components/user_avatar/user_avatar.vue
	+++ b/src/components/user_avatar/user_avatar.vue
	@@ -1,46 +1,46 @@
	<template>
	<StillImage
	class="Avatar"
	:alt="user.screen_name"
	:title="user.screen_name"
	:src="imgSrc(user.profile_image_url_original)"
	:class="{ 'avatar-compact': compact, 'better-shadow': betterShadow }"
	:image-load-error="imageLoadError"
	/>
	</template>

	<script src="./user_avatar.js"></script>
	<style lang="scss">
	@import '../../_variables.scss';

	.Avatar {
	--still-image-label-visibility: hidden;

	- width: 48px;
	- height: 48px;
	+ width: 100px;
	+ height: 100px;
	box-shadow: var(--avatarStatusShadow);
	border-radius: $fallback--avatarRadius;
	border-radius: var(--avatarRadius, $fallback--avatarRadius);

	img {
	width: 100%;
	height: 100%;
	}

	&.better-shadow {
	box-shadow: var(--avatarStatusShadowInset);
	filter: var(--avatarStatusShadowFilter)
	}

	&.animated::before {
	display: none;
	}

	&.avatar-compact {
	width: 32px;
	height: 32px;
	border-radius: $fallback--avatarAltRadius;
	border-radius: var(--avatarAltRadius, $fallback--avatarAltRadius);
	}
	}
	</style>