From 597e847a3b245140042f18fa34c0b25ef8445256 Mon Sep 17 00:00:00 2001
From: Mario <mario@mariovavti.com>
Date: Fri, 1 Oct 2021 17:17:02 +0000
Subject: css fixes

---
 view/js/mod_cloud.js  | 10 ++++++----
 view/js/mod_photos.js |  9 +++++++--
 2 files changed, 13 insertions(+), 6 deletions(-)

(limited to 'view/js')

diff --git a/view/js/mod_cloud.js b/view/js/mod_cloud.js
index 08fdbd677..1f444e4fe 100644
--- a/view/js/mod_cloud.js
+++ b/view/js/mod_cloud.js
@@ -462,7 +462,7 @@ function UploadInit() {
 
 			// Dynamically update the percentage complete displayed in the file upload list
 			$('#upload-progress-' + id).html(Math.round(data.loaded / data.total * 100) + '%');
-			$('#upload-progress-bar-' + id).css('background-size', Math.round(data.loaded / data.total * 100) + '%');
+			$('#upload-progress-bar-' + id).css('width', Math.round(data.loaded / data.total * 100) + '%');
 
 		},
 
@@ -478,8 +478,6 @@ function UploadInit() {
 
 }
 
-
-
 function prepareHtml(f) {
 	var num = f.idx - 1;
 	var i = f.idx;
@@ -492,7 +490,11 @@ function prepareHtml(f) {
 		'<td class="d-none d-md-table-cell">' + formatSizeUnits(f.size) + '</td><td class="d-none d-md-table-cell"></td>' +
 		'</tr>' +
 		'<tr id="new-upload-progress-bar-' + i + '" class="new-upload">' +
-		'<td id="upload-progress-bar-' + i + '" colspan="9" class="upload-progress-bar"></td>' +
+		'<td colspan="9" class="upload-progress-bar">' +
+		'<div class="progress" style="height: 1px;">' +
+		'<div id="upload-progress-bar-' + i + '" class="progress-bar bg-info" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>' +
+		'</div>' +
+		'</td>' +
 		'</tr>'
 	);
 }
diff --git a/view/js/mod_photos.js b/view/js/mod_photos.js
index faf14982b..c487fc417 100644
--- a/view/js/mod_photos.js
+++ b/view/js/mod_photos.js
@@ -82,7 +82,7 @@ function UploadInit() {
 
 			// Dynamically update the percentage complete displayed in the file upload list
 			$('#upload-progress-' + id).html(Math.round(data.loaded / data.total * 100) + '%');
-			$('#upload-progress-bar-' + id).css('background-size', Math.round(data.loaded / data.total * 100) + '%');
+			$('#upload-progress-bar-' + id).css('width', Math.round(data.loaded / data.total * 100) + '%');
 		},
 
 		stop: function(e,data) {
@@ -97,6 +97,7 @@ function UploadInit() {
 
 }
 
+
 function prepareHtml(f) {
 	var num = f.idx - 1;
 	var i = f.idx;
@@ -109,7 +110,11 @@ function prepareHtml(f) {
 		'<td class="d-none d-md-table-cell">' + formatSizeUnits(f.size) + '</td><td class="d-none d-md-table-cell"></td>' +
 		'</tr>' +
 		'<tr id="new-upload-progress-bar-' + i + '" class="new-upload">' +
-		'<td id="upload-progress-bar-' + i + '" colspan="9" class="upload-progress-bar"></td>' +
+		'<td colspan="8" class="upload-progress-bar">' +
+		'<div class="progress" style="height: 1px;">' +
+		'<div id="upload-progress-bar-' + i + '" class="progress-bar bg-info" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>' +
+		'</div>' +
+		'</td>' +
 		'</tr>'
 	);
 }
-- 
cgit v1.2.3