SRVKP-13328: css fix for pipeline run log nav item and pipeline builder

[anwesha-palit-redhat]

Type of Change

• Bug fix
• New feature
• Refactoring
• Migration
• CVE Fix

Summary

The PR includes minor CSS fixes for:

• The Pipeline Builder modal’s empty state
• Quick Search details label alignment for Artifact Hub tasks
• PipelineRun log navigation items with longer names

Before Screen Recordings / Screenshot

• The Pipeline Builder modal’s empty state

• Quick Search details label alignment for Artifact Hub tasks

After Screen Recordings / Screenshot

• The Pipeline Builder modal’s empty state

CSS-fix-2.mov

• Quick Search details label alignment for Artifact Hub tasks

CSS-fix-2.mov

• PipelineRun log navigation items with longer names

CSS-fix-3.mov

[openshift-ci-robot]

@anwesha-palit-redhat: This pull request references SRVKP-13328 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the story to target either version "5.1.0." or "openshift-5.1.0.", but it targets "Pipelines 1.25.0" instead.

Details

In response to this:

Type of Change

• Bug fix
• New feature
• Refactoring
• Migration
• CVE Fix

Summary

The PR includes minor CSS fixes for:

• The Pipeline Builder modal’s empty state
• Quick Search details label alignment for Artifact Hub tasks
• PipelineRun log navigation items with longer names

Before Screen Recordings / Screenshot

• The Pipeline Builder modal’s empty state

• Quick Search details label alignment for Artifact Hub tasks

After Screen Recordings / Screenshot

• The Pipeline Builder modal’s empty state

CSS-fix-2.mov

• Quick Search details label alignment for Artifact Hub tasks

CSS-fix-2.mov

• PipelineRun log navigation items with longer names

CSS-fix-3.mov

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the openshift-eng/jira-lifecycle-plugin repository.

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: anwesha-palit-redhat

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

The pull request process is described here

Details

Needs approval from an approver in each of these files:

• OWNERS [anwesha-palit-redhat]

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

[qodo-code-review]

PR Reviewer Guide 🔍

Warning

/review is deprecated. Use /agentic_review instead (removal date not yet scheduled).

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Missing Heading The empty state no longer supplies titleText; instead, its title is rendered inside EmptyStateBody. Validate that this does not remove the expected semantic heading and accessible empty-state title. <EmptyState headingLevel="h5" icon={SearchIcon}> <EmptyStateBody> {t('No results found')} <br /> {t('Please try a different search term.')} </EmptyStateBody> Layout Regression The empty-state Bullseye is now a direct child of Stack rather than an isFilled StackItem. Confirm that it receives the remaining modal height and centers the empty state vertically across supported viewport sizes. {showEmpty ? ( <Bullseye> <EmptyState headingLevel="h5" icon={SearchIcon}> <EmptyStateBody> {t('No results found')} <br /> {t('Please try a different search term.')} </EmptyStateBody> </EmptyState> </Bullseye> ) : ( <StackItem isFilled>