danvics/Pulse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Docker table resource column overlap regression

Browse source 
The max-width:0 CSS trick from d3f22f06 caused the resource column
content to overlap with the TYPE badge. Use a proper max-w-[300px]
class instead to constrain long container names while maintaining
proper column spacing.

Related to #810, #789
This commit is contained in:
rcourtman 2025-12-04 13:29:08 +00:00
parent 284afbbda1
commit 715c0bb451
1 changed files with 2 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend-modern/src/components/Docker/DockerUnifiedTable.tsx
View file

@ -1280,12 +1280,9 @@ const DockerContainerRow: Component<{
<For each={DOCKER_COLUMNS}> <For each={DOCKER_COLUMNS}>
{(column) => ( {(column) => (
<td <td
class="py-0.5 align-middle whitespace-nowrap" class={`py-0.5 align-middle whitespace-nowrap ${column.id === 'resource' ? 'max-w-[300px]' : ''}`}
style={{ style={{
"min-width": column.id === 'cpu' || column.id === 'memory' ? '140px' : undefined, "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)} {renderCell(column)}
@ -1990,12 +1987,9 @@ const DockerServiceRow: Component<{
<For each={DOCKER_COLUMNS}> <For each={DOCKER_COLUMNS}>
{(column) => ( {(column) => (
<td <td
class="py-0.5 align-middle whitespace-nowrap" class={`py-0.5 align-middle whitespace-nowrap ${column.id === 'resource' ? 'max-w-[300px]' : ''}`}
style={{ style={{
"min-width": column.id === 'cpu' || column.id === 'memory' ? '140px' : undefined, "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)} {renderCell(column)}