michael/URBM
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Prevent progress text overlapping activity controls

Browse Source
This commit is contained in:
Mikei386
2026-06-15 12:48:54 +02:00
parent 1cdacbcb67
commit 2abfc8eb26
7 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webgui/URBM.page
+4 -4
View File
@@ -9,12 +9,12 @@ Tag="URBM Unraid Restic Backup Manager backup snapshots restore"
<?php
$pluginRoot = '/plugins/urbm';
?>
<link rel="stylesheet" href="<?= $pluginRoot ?>/assets/urbm.css?v=20260615r015">
<link rel="stylesheet" href="<?= $pluginRoot ?>/assets/urbm.css?v=20260615r016">
<div id="urbm-app" data-api="<?= $pluginRoot ?>/api.php">
<header class="bu-header">
<div class="bu-brand">
<img class="bu-logo" src="<?= $pluginRoot ?>/images/urbm.png?v=20260615r015" alt="URBM-Logo">
<div><h1>URBM <span class="bu-version">2026.06.15.r015</span></h1><p>Restic Backup Manager für Unraid</p></div>
<img class="bu-logo" src="<?= $pluginRoot ?>/images/urbm.png?v=20260615r016" alt="URBM-Logo">
<div><h1>URBM <span class="bu-version">2026.06.15.r016</span></h1><p>Restic Backup Manager für Unraid</p></div>
</div>
<div id="bu-health" class="bu-health" tabindex="0" data-tooltip="Zeigt, ob die URBM-Hintergrundkomponente erreichbar ist. Beispiel: 'Daemon online' bedeutet, dass Jobs gestartet werden können.">Verbindung wird hergestellt...</div>
</header>
@@ -32,4 +32,4 @@ $pluginRoot = '/plugins/urbm';
<div id="bu-tooltip" role="tooltip" aria-hidden="true"></div>
</div>
<script>window.URBM_CSRF = <?= json_encode($var['csrf_token'] ?? '') ?>;</script>
<script src="<?= $pluginRoot ?>/assets/urbm-2026.06.15.r015.js"></script>
<script src="<?= $pluginRoot ?>/assets/urbm-2026.06.15.r016.js"></script>
webgui/assets/urbm.css
+5 -2
View File
@@ -100,8 +100,9 @@
.bu-custom-cron { margin-top: 14px; }
.bu-event-options { display: flex; flex-wrap: wrap; gap: 10px; }
.bu-progress-wrap { min-width: 0; width: 100%; }
.bu-progress-label { align-items: center; display: flex; font-size: 12px; gap: 8px; justify-content: space-between; margin-bottom: 5px; }
.bu-progress-label span { color: var(--bu-muted); overflow-wrap: anywhere; text-align: right; }
.bu-progress-label { align-items: start; display: grid; font-size: 12px; gap: 4px 8px; grid-template-columns: auto minmax(0, 1fr); margin-bottom: 5px; max-width: 100%; }
.bu-progress-label strong { white-space: nowrap; }
.bu-progress-label span { color: var(--bu-muted); min-width: 0; overflow-wrap: anywhere; text-align: right; white-space: normal; word-break: normal; }
.bu-progress { background: var(--bu-panel-alt); border: 1px solid var(--bu-border); border-radius: 999px; height: 12px; overflow: hidden; }
.bu-progress span { background: var(--bu-accent); display: block; height: 100%; min-width: 0; transition: width .35s ease; }
.bu-progress.indeterminate span { animation: bu-progress-scan 1.2s ease-in-out infinite alternate; }
@@ -240,6 +241,8 @@
.bu-schedule-grid { grid-template-columns: 1fr; }
.bu-form-grid { grid-template-columns: 1fr; }
.bu-chart-grid-layout { grid-template-columns: 1fr; }
.bu-progress-label { grid-template-columns: 1fr; }
.bu-progress-label span { text-align: left; }
.bu-header { align-items: flex-start; flex-direction: column; gap: 12px; }
.bu-table { display: block; overflow-x: auto; }
.bu-table-actions { min-width: 240px; }