From 7d823276f7218091f24aac2acd86b745f4b609c6 Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Wed, 31 Jan 2024 20:53:38 +0100
Subject: [PATCH] fixup! fix(upload): update NcProgressBar styles

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 .../Message/MessagePart/FilePreview.vue          | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
index f0157fcd865..db7c07cbb5e 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -50,9 +50,10 @@
 				:class="previewImageClass"
 				alt=""
 				:src="defaultIconUrl">
-			<NcProgressBar v-if="isTemporaryUpload && !isUploadEditor"
+			<NcProgressBar v-if="showUploadProgress"
 				class="file-preview__progress"
-				size="medium"
+				type="circular"
+				:size="56"
 				:value="uploadProgress" />
 		</span>
 		<span v-else-if="isLoading"
@@ -541,6 +542,11 @@ export default {
 			}
 		},
 
+		showUploadProgress() {
+			return this.isTemporaryUpload && !this.isUploadEditor
+				&& ['shared', 'sharing', 'successUpload', 'uploading'].includes(this.uploadFile?.status)
+		},
+
 		hasTemporaryImageUrl() {
 			return this.mimetype.startsWith('image/') && this.localUrl
 		},
@@ -653,9 +659,9 @@ export default {
 
 	&__progress {
 		position: absolute;
-		bottom: 10px;
-		left: 4px;
-		width: calc(100% - 8px);
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
 	}
 
 	.loading {