From 304e4d1a39d828b0df018b0fb84aada329a2877b Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Thu, 22 Aug 2024 15:00:22 +0200
Subject: [PATCH] fix(avatar): decrease size of loading spinner

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 src/components/AvatarWrapper/AvatarWrapper.vue | 5 ++++-
 src/components/CallView/shared/LocalVideo.vue  | 2 +-
 src/components/CallView/shared/VideoVue.vue    | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/AvatarWrapper/AvatarWrapper.vue b/src/components/AvatarWrapper/AvatarWrapper.vue
index 041101269d0..273eeecba67 100644
--- a/src/components/AvatarWrapper/AvatarWrapper.vue
+++ b/src/components/AvatarWrapper/AvatarWrapper.vue
@@ -39,7 +39,7 @@
 			<WebIcon :size="14" />
 		</span>
 		<NcLoadingIcon v-if="loading"
-			:size="size"
+			:size="size / 2"
 			class="loading-avatar" />
 	</div>
 </template>
@@ -292,6 +292,9 @@ export default {
 .loading-avatar {
 	position: absolute;
 	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
 }
 
 </style>
diff --git a/src/components/CallView/shared/LocalVideo.vue b/src/components/CallView/shared/LocalVideo.vue
index 27f74abbfb7..55a95ff2da8 100644
--- a/src/components/CallView/shared/LocalVideo.vue
+++ b/src/components/CallView/shared/LocalVideo.vue
@@ -25,7 +25,7 @@
 				class="video"
 				@playing="updateVideoAspectRatio" />
 			<NcLoadingIcon v-if="isNotConnected"
-				:size="avatarSize"
+				:size="avatarSize / 2"
 				class="video-loading" />
 		</div>
 		<div v-if="!screenshotModeUrl && !localMediaModel.attributes.videoEnabled && !isSidebar" class="avatar-container">
diff --git a/src/components/CallView/shared/VideoVue.vue b/src/components/CallView/shared/VideoVue.vue
index 58758b618e5..bc2756f5f0b 100644
--- a/src/components/CallView/shared/VideoVue.vue
+++ b/src/components/CallView/shared/VideoVue.vue
@@ -29,7 +29,7 @@
 					:size="32"
 					@click="$emit('click-presenter')" />
 				<NcLoadingIcon v-if="isLoading"
-					:size="avatarSize"
+					:size="avatarSize / 2"
 					class="video-loading" />
 			</div>
 		</TransitionWrapper>