refactor: miglioria grafica aggiornamento

Author: Pek5892

assets/src/css/style.css

@@ -152,6 +152,18 @@ a.disabled {
     width: 100%;
     text-align: center;
     left: 0;
+    z-index: 1;
+}
+
+/* Position the percentage text in the center of the container, not the progress bar */
+#progress span.progress-percentage {
+    position: absolute;
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+    left: 0;
+    top: 0;
+    z-index: 2;
 }
 
 input[type=file] {
@@ -1456,8 +1468,28 @@ input.small-width {
     margin-left: 11px;
 }
 
+.progress {
+    position: relative;
+}
+
+.progress .progress-bar {
+    position: relative;
+    z-index: 1;
+}
+
 .progress .progress-bar span {
     color: #000;
+    z-index: 1;
+}
+
+.progress span.progress-percentage {
+    position: absolute;
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+    left: 0;
+    top: 0;
+    z-index: 2;
 }
 
 .attachment-img {
@@ -2573,6 +2605,71 @@ body:not(.sidebar-collapse) .sidebar .nav-treeview .nav-treeview .nav-link {
     padding: 0 20px 20px 20px;
 }
 
+/* Stili per la pagina di aggiornamento */
+.border-left.border-danger {
+    border-left-width: 4px !important;
+}
+
+.code-container {
+    overflow-x: hidden;
+    max-height: 300px;
+    font-family: 'Courier New', monospace;
+    font-size: 14px;
+    color: #d63031;
+    box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
+}
+
+.code-container pre {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+.progress-container {
+    height: 30px;
+    border-radius: 6px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    background-color: #f5f5f5;
+    overflow: hidden;
+    position: relative;
+}
+
+#custom-progress-bar {
+    width: 0%;
+    height: 100%;
+    font-size: 16px;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    z-index: 1;
+    color: transparent; /* Nascondiamo il testo all'interno della barra */
+}
+
+/* Aggiungiamo un elemento ::after per mostrare la percentuale fissa al centro */
+.progress-container::after {
+    content: attr(data-percentage);
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    font-weight: bold;
+    z-index: 2;
+}
+
+#progress-status {
+    font-size: 14px;
+}
+
+#current-file {
+    font-size: 13px;
+}
+
 /* Stili per il modal di controllo database */
 
 /* Stili per i pulsanti */