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

fix: hide scrollbars on all nested scrollable divs in monitor cards

Browse Source 
Global webkit rule now covers all descendants, not just direct children.
Inline scrollbar-width:none added to the three inner overflow-y:auto divs
(transcode sessions, GPU processes, scripts list) so Firefox hides them too.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gmer4Lfe
2026-05-31 22:00:50 -04:00
co-authored by Claude Sonnet 4.6
parent 0319b13304
commit f0f136f28a
2 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Plugin/unraid/css/varaverk.css
+2 -3
View File
@@ -168,9 +168,8 @@
scrollbar-width: none;
}
#vv-monitor .vv-card > div::-webkit-scrollbar { display: none; }
/* Scripts inner list div has its own overflow — hide its scrollbar too */
#vv-scripts-body > div { scrollbar-width: none; -ms-overflow-style: none; }
#vv-scripts-body > div::-webkit-scrollbar { display: none; }
/* Hide scrollbars on any nested scrollable div inside monitor cards */
#vv-monitor .vv-card div::-webkit-scrollbar { display: none; }
/* Dynamic row heights capped per screen tier — rows size to content, never exceed the cap.
minmax(0, Xpx): track is content-driven but capped; align-items:stretch makes all cards
Plugin/unraid/pages/monitor.php
+3 -3
View File
@@ -478,7 +478,7 @@ function vvRenderScripts() {
});
if (!filtered.length) listHtml = `<p style="color:#555;font-style:italic;font-size:12px;">${vvScriptsFilter ? 'None in this group' : 'No script logs found'}</p>`;
html += `<div style="max-height:133px;overflow-y:auto;">${listHtml}</div>`;
html += `<div style="max-height:133px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;">${listHtml}</div>`;
const el = document.getElementById('vv-scripts-body');
if (el) el.innerHTML = html;
}
@@ -1250,7 +1250,7 @@ function vvPollMonitor() {
}).join('');
gpuProcHtml = `<div style="margin-top:6px;border-top:1px solid #2a2a2a;padding-top:6px;">
<div style="font-size:10px;color:#555;margin-bottom:3px;">GPU processes</div>
<div style="max-height:60px;overflow-y:auto;">${rows}</div>
<div style="max-height:60px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;">${rows}</div>
</div>`;
}
@@ -1338,7 +1338,7 @@ function vvPollMonitor() {
});
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="max-height:57px;overflow-y:auto;overflow-x:hidden;">${rowsHtml}</div>
<div style="max-height:57px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;">${rowsHtml}</div>
</div>`;
}