Skip to content

frontend: fix condition table column width#4967

Open
itvi-1234 wants to merge 1 commit intokubernetes-sigs:mainfrom
itvi-1234:fix/condition-table-width
Open

frontend: fix condition table column width#4967
itvi-1234 wants to merge 1 commit intokubernetes-sigs:mainfrom
itvi-1234:fix/condition-table-width

Conversation

@itvi-1234
Copy link
Copy Markdown
Contributor

@itvi-1234 itvi-1234 commented Mar 25, 2026

Summary

This PR fixes a UI bug where long Kubernetes condition names (like PodReadyToStartContainers) were truncated in the Conditions table of resource details views. The fix ensures that the Condition column expands to accommodate the full name of the condition by using a min-content grid template.

Related Issue

Fixes #4966

Changes

frontend/src/components/common/Resource/Resource.tsx:
1.Updated the ConditionsTable definition to support a gridTemplate property in its column configuration.
2.Set the gridTemplate to 'min-content' for the Condition column to prevent text truncation.

Steps to Test

1.Navigate to the Workloads -> Pods section and select a Pod.
2.Scroll down to the Conditions section at the bottom of the details page.
3.Observe the first column (Condition).
4.Verification: Confirm that long condition names (e.g., PodReadyToStartContainers) are fully visible and no longer cut off with ellipses.

Screenshots (if applicable)

Before:
image

After:
image

@k8s-ci-robot k8s-ci-robot added the cncf-cla: yes Indicates the PR's author has signed the CNCF CLA. label Mar 25, 2026
@k8s-ci-robot
Copy link
Copy Markdown
Contributor

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: itvi-1234
Once this PR has been reviewed and has the lgtm label, please assign yolossn for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@k8s-ci-robot k8s-ci-robot requested review from illume and sniok March 25, 2026 08:48
@k8s-ci-robot k8s-ci-robot added the size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. label Mar 25, 2026
@itvi-1234
Copy link
Copy Markdown
Contributor Author

Hi @illume @sniok Could you please review it 🚀

@joaquimrocha
Copy link
Copy Markdown
Contributor

Can you check the implications in other tables, to see if they get too wide?

@itvi-1234
Copy link
Copy Markdown
Contributor Author

sure @joaquimrocha , I will 🚀

@itvi-1234
Copy link
Copy Markdown
Contributor Author

Hi @joaquimrocha , I have checked the tables , everything works fine

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

Labels

cncf-cla: yes Indicates the PR's author has signed the CNCF CLA. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Bug: Condition column in resource details is too narrow to show full condition types

3 participants