Skip to content

fix(ui): make orphaned resources more visible#27756

Open
dhruvac29 wants to merge 2 commits intoargoproj:masterfrom
dhruvac29:fix-orphaned-resource-tree-styling
Open

fix(ui): make orphaned resources more visible#27756
dhruvac29 wants to merge 2 commits intoargoproj:masterfrom
dhruvac29:fix-orphaned-resource-tree-styling

Conversation

@dhruvac29
Copy link
Copy Markdown

Fixes #27718

This updates the orphaned resource styling in the application resource tree to make orphaned objects easier to distinguish from normal resources.

The change keeps the existing orphaned background color and adds a small warning-color accent strip, avoiding broader resource tree redesign or layout changes.

Validation:

  • git diff --check

Copilot AI review requested due to automatic review settings May 8, 2026 15:42
@dhruvac29 dhruvac29 requested a review from a team as a code owner May 8, 2026 15:42
@bunnyshell
Copy link
Copy Markdown

bunnyshell Bot commented May 8, 2026

✅ Preview Environment deployed on Bunnyshell

Component Endpoints
argocd https://argocd-hsaz6u.bunnyenv.com/
argocd-ttyd https://argocd-web-cli-hsaz6u.bunnyenv.com/

See: Environment Details | Pipeline Logs

Available commands (reply to this comment):

  • 🔴 /bns:stop to stop the environment
  • 🚀 /bns:deploy to redeploy the environment
  • /bns:delete to remove the environment

Signed-off-by: dhruvac29 <dhruvac29@users.noreply.github.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the Application Resource Tree UI styling so orphaned resources are easier to visually distinguish, addressing #27718 without changing the overall layout.

Changes:

  • Adds a warning-colored 4px accent strip (via a left-to-right linear gradient) to orphaned resource nodes.
  • Preserves the existing orphaned node background color to keep the current visual baseline.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@dhruvac29 dhruvac29 force-pushed the fix-orphaned-resource-tree-styling branch from a954503 to 8b8055c Compare May 8, 2026 15:45
@pjiang-dev
Copy link
Copy Markdown
Contributor

@dhruvac29 Do you mind posting a screen shot of the UI change ?

@dhruvac29
Copy link
Copy Markdown
Author

@pjiang-dev
I’m happy to attach the screenshot, but I don’t have Argo CD credentials for the preview environment yet, so I can’t access the resource tree to capture the before/after UI.

Could you share the preview login details or attach the screenshot from your side if it needs changes?

@crenshaw-dev
Copy link
Copy Markdown
Member

@dhruvac29 you should run/test the changes locally.

@dhruvac29
Copy link
Copy Markdown
Author

@crenshaw-dev
Thanks, that makes sense. I ran the UI locally and attached a screenshot of the orphaned resource styling.

The change is limited to the orphaned resource node state: it keeps the existing background and adds the warning-color accent on the left.

Screenshot 2026-05-08 at 14 13 02

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.

Change background color of orphaned objects

4 participants