UI bug: Too many ports displayed breaks layout – suggest collapsing like Docker Desktop

[fotechv]

Is your feature request related to a problem? Please describe

When a container has many published ports (e.g., 10+ port bindings), the Portainer UI displays all ports in a single row, which breaks the layout. The container list becomes too wide, text overflows, and the interface becomes hard to read and use, especially on narrower browser windows.

Describe the solution you'd like

Make the port display behave similarly to Docker Desktop:

• Show only the first 2–3 port mappings inline
• Truncate the rest with a compact badge like "+5 more ports"
• On hover or click, show the full list in a tooltip or a small popup

This keeps the layout clean and stable regardless of how many ports a container exposes.

Describe alternatives you've considered

I considered:

• Manually resizing the browser or using fullscreen mode → not a real fix
• Using Docker Desktop instead of Portainer for these containers → loses Portainer's other benefits

A proper UI truncation solution is better than asking users to change their screen size or avoid using many ports.

Additional context

No response

[Nick-Portainer]

Hi @fotechv what version of Portainer server are you running?

[fotechv]

I am running Portainer CE 2.93.3 on Docker Desktop Extension

[Nick-Portainer]

Converted to issue - #13217