FailedProxy/Varaverk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: transcode sessions — all items in 2-col layout, hidden scroll beyond 2 rows

Browse Source 
Removes the 4-item cap and +N more label. All sessions go into balanced
columns; the container max-height clips to 2 rows with a hidden scrollbar.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gmer4Lfe
2026-05-31 22:18:49 -04:00
co-authored by Claude Sonnet 4.6
parent 67e274fd4e
commit 3e89997ab5
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Plugin/unraid/pages/monitor.php
+8 -10
View File
@@ -1335,19 +1335,17 @@ function vvPollMonitor() {
<span style="font-size:9px;color:#ff9800;flex-shrink:0;">${meth}</span>
</div>`;
}
const shown = activeSessions.slice(0, 4);
const mid = Math.ceil(shown.length / 2);
const colA = shown.slice(0, mid).map(vvTcRow).join('');
const colB = shown.slice(mid).map(vvTcRow).join('');
const mid = Math.ceil(activeSessions.length / 2);
const colA = activeSessions.slice(0, mid).map(vvTcRow).join('');
const colB = activeSessions.slice(mid).map(vvTcRow).join('');
const colBDiv = colB ? `<div style="flex:1;min-width:0;border-left:1px solid #222;padding-left:8px;">${colB}</div>` : '';
const overflow = activeSessions.length > 4
? `<div style="font-size:9px;color:#555;margin-top:2px;">+${activeSessions.length - 4} more</div>`
: '';
sessHtml = `<div style="margin-top:8px;border-top:1px solid #2a2a2a;padding-top:6px;">
<div style="font-size:10px;color:#555;margin-bottom:4px;">Active transcodes <span style="color:#ff9800;font-weight:600;">${activeSessions.length}</span></div>
<div style="display:flex;gap:0;">
<div style="flex:1;min-width:0;">${colA}</div>${colBDiv}
</div>${overflow}
<div style="max-height:44px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;">
<div style="display:flex;gap:0;">
<div style="flex:1;min-width:0;">${colA}</div>${colBDiv}
</div>
</div>
</div>`;
}