Skip to content

fix(ui): truncate organization name properly in sidebar without clipp… - #5287

Merged
narcisonunez merged 2 commits into
Dokploy:canaryfrom
imrja8:fix/sidebar-truncation
Sep 3, 2026
Merged

narcisonunez merged 2 commits into
Dokploy:canaryfrom
imrja8:fix/sidebar-truncation

Conversation

@imrja8

@imrja8 imrja8 commented Sep 3, 2026 •

Copy link
Copy Markdown
Collaborator

What is this PR about?

This PR fixes a UI layout bug in the sidebar's organization selector (side.tsx). Previously, long organization names would awkwardly wrap to multiple lines and break the sidebar layout instead of truncating properly with an ellipsis.

To fix this, proper Flexbox constraints (min-w-0 and flex-1) were added to the parent containers alongside the truncate utility to allow the organization name to gracefully truncate into a single line when the sidebar width is constrained.

Checklist

Before submitting this PR, please make sure that:

Issues related (if applicable)

closes #5286

Screenshots (if applicable)

Before

Enterprise users POV
Screenshot 2026-09-03 at 09 19 05

Normal users POV
Screenshot 2026-09-03 at 09 19 35

After

Enterprise users POV
Screenshot 2026-09-03 at 09 21 13

Normal users POV
Screenshot 2026-09-03 at 09 20 29

Open Questions for Maintainers

The "Enterprise" tag is currently occupying space within the organization selector, resulting in a shorter available space for the organization name itself for Enterprise users.

Since the Enterprise license applies to the entire Dokploy instance globally (and not at the individual organization level), would it be better to move this tag globally to the top right side (next to the timer)? This would free up much-needed horizontal space in the sidebar for the organization name.

Greptile Summary

This PR corrects organization-selector truncation in the sidebar by making its nested flex containers shrinkable while preserving the logo, Enterprise badge, and chevron dimensions.

  • Adds min-w-0 and flex-1 constraints through the organization-name container hierarchy.
  • Applies single-line truncation to long organization names.
  • Prevents the logo, Enterprise badge, and selector chevron from shrinking.

Confidence Score: 5/5

The PR appears safe to merge because the layout-only changes consistently constrain shrinkable content while preserving fixed-size controls.

The updated flex hierarchy permits long organization names to shrink and truncate, while collapsed-state visibility rules prevent the hidden name, badge, and chevron from causing overflow.

Reviews (2): Last reviewed commit: "[autofix.ci] apply automated fixes" | Re-trigger Greptile

@imrja8
imrja8 requested a review from Siumauricio as a code owner September 3, 2026 04:15
@imrja8
imrja8 marked this pull request as draft September 3, 2026 04:20
@imrja8
imrja8 marked this pull request as ready for review September 3, 2026 04:20
@narcisonunez
narcisonunez merged commit 782bb4e into Dokploy:canary Sep 3, 2026
5 checks passed
@narcisonunez

Copy link
Copy Markdown
Collaborator

You can send a PR showing the full name on hover. That will allow people to identify the org if they have multiple with the same prefix or something like that.

@imrja8
imrja8 deleted the fix/sidebar-truncation branch September 4, 2026 06:02
@imrja8

imrja8 commented Sep 4, 2026

Copy link
Copy Markdown
Collaborator Author

You can send a PR showing the full name on hover. That will allow people to identify the org if they have multiple with the same prefix or something like that.

PR coming soon.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

UI Bug: Long organization names break sidebar layout and text descenders are clipped

2 participants