Polish docker command view layout

Author: FolderView Plus Test

archive/folderview.plus-2026.04.15.27.txz

@@ -0,0 +1 @@
+23008dfc9f8d784b495ad82157b08bbfb96be99ea4c17422b8bd1648c7d99fc0  folderview.plus-2026.04.15.27.txz

archive/folderview.plus-2026.04.15.27.txz.sha256

@@ -0,0 +1,3 @@
+- Fix: Docker command-view container tiles now proxy the native Docker row trigger the same way the regular FolderView preview does, instead of mixing inline-handler hydration with the tile surface.
+- UX: Command-view hover treatment now stays on the container icon instead of drawing a focus outline around the entire tile row.
+- UX: Command-view folder titles, subtitle metadata, and running/paused/stopped/update badges now render larger for readability.

docs/releases/2026.04.15.27.md

@@ -6,13 +6,19 @@
 <!ENTITY launch "Settings/FolderViewPlus">
 <!ENTITY plugdir "/usr/local/emhttp/plugins/&name;">
 <!ENTITY pluginURL "https://raw.githubusercontent.com/&github;/dev/folderview.plus.plg">
-<!ENTITY version "2026.04.15.26">
-<!ENTITY md5 "2ea3cf4b9c1352a7c8717d6175569737">
+<!ENTITY version "2026.04.15.27">
+<!ENTITY md5 "e6f536fba149d9342c7fedb816090916">
 ]>
 
 <PLUGIN name="&name;" author="&author;" version="&version;" launch="&launch;" pluginURL="&pluginURL;" icon="folder-icon.png" support="https://forums.unraid.net/topic/197631-plugin-folderview-plus/" min="7.0.0">
     <CHANGES>
 
+###2026.04.15.27
+- Fix: Docker command-view container tiles now proxy the native Docker row trigger the same way the regular FolderView preview does, instead of mixing inline-handler hydration with the tile surface.
+- UX: Command-view hover treatment now stays on the container icon instead of drawing a focus outline around the entire tile row.
+- UX: Command-view folder titles, subtitle metadata, and running/paused/stopped/update badges now render larger for readability.
+
+
 ###2026.04.15.26
 - UX: Docker command-view folder cards now use the saved folder icon in the title, scale it to the command surface, and raise the folder title size for clearer scanning.
 - UX: Running container tiles now use the runtime started-status green outline instead of the faint white border treatment.

folderview.plus.plg

@@ -335,38 +335,24 @@
             surface.setAttribute('role', 'button');
             surface.setAttribute('tabindex', '0');
             const title = trigger instanceof HTMLElement ? String(trigger.getAttribute('title') || '').trim() : '';
-            const inlineClick = trigger instanceof HTMLElement ? String(trigger.getAttribute('onclick') || '').trim() : '';
-            const inlineContextMenu = trigger instanceof HTMLElement ? String(trigger.getAttribute('oncontextmenu') || '').trim() : '';
             if (title) {
                 surface.setAttribute('title', title);
             }
-            if (inlineClick) {
-                surface.setAttribute('onclick', inlineClick);
-            } else {
-                surface.addEventListener('click', (event) => {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    proxyNativeMemberTrigger(safeName, 'click');
-                });
-            }
-            if (inlineContextMenu) {
-                surface.setAttribute('oncontextmenu', inlineContextMenu);
-            } else {
-                surface.addEventListener('contextmenu', (event) => {
-                    event.preventDefault();
-                    event.stopPropagation();
-                    proxyNativeMemberTrigger(safeName, 'contextmenu');
-                });
-            }
+            surface.addEventListener('click', (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                proxyNativeMemberTrigger(safeName, 'click');
+            });
+            surface.addEventListener('contextmenu', (event) => {
+                event.preventDefault();
+                event.stopPropagation();
+                proxyNativeMemberTrigger(safeName, 'contextmenu');
+            });
             surface.addEventListener('keydown', (event) => {
                 if (event.key !== 'Enter' && event.key !== ' ') {
                     return;
                 }
                 event.preventDefault();
-                if (inlineClick) {
-                    surface.click();
-                    return;
-                }
                 event.stopPropagation();
                 proxyNativeMemberTrigger(safeName, 'click');
             });

src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/scripts/docker.runtime.command-view.js

@@ -186,7 +186,7 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
     align-items: center;
     gap: 0.52rem;
     color: var(--fv-docker-command-text-primary);
-    font-size: 1.18rem;
+    font-size: 1.28rem;
     font-weight: 700;
     line-height: 1.2;
 }
@@ -201,7 +201,8 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
 .fv-docker-command-card-subtitle {
     margin-top: 0.2rem;
     color: var(--fv-docker-command-text-dim);
-    font-size: 0.85rem;
+    font-size: 0.96rem;
+    line-height: 1.35;
 }
 
 .fv-docker-command-flag,
@@ -210,10 +211,11 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
     align-items: center;
     gap: 0.35rem;
     border-radius: 999px;
-    padding: 0.28rem 0.58rem;
+    padding: 0.34rem 0.7rem;
     background: var(--fv-docker-command-surface-muted);
     border: 1px solid var(--fv-docker-command-border-faint);
-    font-size: 0.8rem;
+    font-size: 0.9rem;
+    line-height: 1;
 }
 
 .fv-docker-command-flag.pinned,
@@ -273,7 +275,7 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
 
 .fv-docker-command-member-tile.running {
     border-color: var(--fvplus-status-started, #7ad05a);
-    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fvplus-status-started, #7ad05a) 55%, transparent);
+    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fvplus-status-started, #7ad05a) 78%, transparent);
 }
 
 .fv-docker-command-member-tile.paused {
@@ -305,6 +307,11 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
 .fv-docker-command-member-surface:hover,
 .fv-docker-command-member-surface:focus-visible {
     outline: 0;
+    box-shadow: none;
+}
+
+.fv-docker-command-member-surface:hover .fv-docker-command-member-icon-wrap,
+.fv-docker-command-member-surface:focus-visible .fv-docker-command-member-icon-wrap {
     box-shadow: inset 0 0 0 1px var(--fv-docker-command-focus-ring);
 }
 
@@ -346,7 +353,7 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
     background: var(--fv-docker-command-surface-strong);
     border: 1px solid var(--fv-docker-command-border-faint);
     color: var(--fv-docker-command-text-primary);
-    font-size: 0.82rem;
+    font-size: 0.86rem;
     font-weight: 600;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -365,11 +372,12 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
     display: inline-flex;
     align-items: center;
     gap: 0.3rem;
-    padding: 0.14rem 0.44rem;
+    padding: 0.2rem 0.5rem;
     border-radius: 999px;
     background: var(--fv-docker-command-surface-muted);
     border: 1px solid var(--fv-docker-command-border-faint);
-    font-size: 0.73rem;
+    font-size: 0.8rem;
+    line-height: 1;
 }
 
 .fv-docker-command-member-update {