From f0f136f28aae7797995277a55dd712e07179345f Mon Sep 17 00:00:00 2001
From: Gmer4Lfe <gmer4lfe@gmail.com>
Date: Sun, 31 May 2026 22:00:50 -0400
Subject: [PATCH] fix: hide scrollbars on all nested scrollable divs in monitor
 cards

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>
---
 Plugin/unraid/css/varaverk.css  | 5 ++---
 Plugin/unraid/pages/monitor.php | 6 +++---
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/Plugin/unraid/css/varaverk.css b/Plugin/unraid/css/varaverk.css
index 4de12f7..098c5c9 100644
--- a/Plugin/unraid/css/varaverk.css
+++ b/Plugin/unraid/css/varaverk.css
@@ -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
diff --git a/Plugin/unraid/pages/monitor.php b/Plugin/unraid/pages/monitor.php
index fe3215e..ec2318a 100644
--- a/Plugin/unraid/pages/monitor.php
+++ b/Plugin/unraid/pages/monitor.php
@@ -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>`;
         }