fixup! fix(upload): update NcProgressBar styles

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
nextcloud · Jan 31, 2024 · 7d82327 · 7d82327
1 parent e2c9321
commit 7d82327
Showing 1 changed file with 11 additions and 5 deletions.
diff --git 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 {