From d3f22f06bfb7787b9fcaf55fb73efd4a084d4185 Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Wed, 3 Dec 2025 14:09:16 +0000
Subject: [PATCH] fix: Truncate very long container names in Docker table

Add max-width constraint to the resource column in the Docker table to
ensure very long container names (like Kubernetes UUID-based names) are
properly truncated instead of extending the table width.

Related to #789
---
 .../src/components/Docker/DockerUnifiedTable.tsx   | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend-modern/src/components/Docker/DockerUnifiedTable.tsx b/frontend-modern/src/components/Docker/DockerUnifiedTable.tsx
index 7a5137003..1651f6cb1 100644
--- a/frontend-modern/src/components/Docker/DockerUnifiedTable.tsx
+++ b/frontend-modern/src/components/Docker/DockerUnifiedTable.tsx
@@ -1281,7 +1281,12 @@ const DockerContainerRow: Component<{
           {(column) => (
             <td
               class="py-0.5 align-middle whitespace-nowrap"
-              style={{ "min-width": column.id === 'cpu' || column.id === 'memory' ? '140px' : undefined }}
+              style={{
+                "min-width": column.id === 'cpu' || column.id === 'memory' ? '140px' : undefined,
+                // Force resource column to respect truncation for very long names (issue #789)
+                "max-width": column.id === 'resource' ? '0' : undefined,
+                "width": column.id === 'resource' ? '40%' : undefined,
+              }}
             >
               {renderCell(column)}
             </td>
@@ -1986,7 +1991,12 @@ const DockerServiceRow: Component<{
           {(column) => (
             <td
               class="py-0.5 align-middle whitespace-nowrap"
-              style={{ "min-width": column.id === 'cpu' || column.id === 'memory' ? '140px' : undefined }}
+              style={{
+                "min-width": column.id === 'cpu' || column.id === 'memory' ? '140px' : undefined,
+                // Force resource column to respect truncation for very long names (issue #789)
+                "max-width": column.id === 'resource' ? '0' : undefined,
+                "width": column.id === 'resource' ? '40%' : undefined,
+              }}
             >
               {renderCell(column)}
             </td>