Skip to content

SRVKP-9680 Fix the alignment of Pipelines Overview page#869

Open
pratap0007 wants to merge 1 commit intoopenshift-pipelines:main_ocp_4.22from
pratap0007:overview-pr-status-card
Open

SRVKP-9680 Fix the alignment of Pipelines Overview page#869
pratap0007 wants to merge 1 commit intoopenshift-pipelines:main_ocp_4.22from
pratap0007:overview-pr-status-card

Conversation

@pratap0007
Copy link
Member

@pratap0007 pratap0007 commented Jan 13, 2026

Summary

Refactor pipelines-overview page to use PatternFly v6 utilities

  • Remove PipelinesOverview.scss, PipelineRunsDurationCard.scss, and PipelineRunsTotalCard.scss
  • Replace custom classes with pf-v6 utility classes across pipelines overview cards
  • Apply inline styles where needed for chart/card layout (flex, minHeight)

ScreenRecordings

Before Fix

Screencast.From.2026-01-13.10-11-08.mp4

After Fix

Screencast.From.2026-01-13.10-27-14.mp4

@openshift-ci
Copy link
Contributor

openshift-ci bot commented Jan 13, 2026

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: pratap0007
Once this PR has been reviewed and has the lgtm label, please assign vdemeester 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

@pratap0007 pratap0007 changed the title Fix the alignment of Pipelines Overview page SRVKP-9680 Fix the alignment of Pipelines Overview page Jan 13, 2026
colorScale={colorScale}
legendOrientation="vertical"
legendPosition="right"
height={200}
Copy link
Contributor

Choose a reason for hiding this comment

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

let us try not to assign a fixed height please

}

.pipeline-overview__number-of-plr-card {
overflow: hidden;
Copy link
Contributor

Choose a reason for hiding this comment

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

based on screen resolution this might cause more harm, let us explore a better approach please. let the containers take up as much space as they want and the page (parent component) overall can have a scroll

@pratap0007 pratap0007 force-pushed the overview-pr-status-card branch from a343dcc to b004269 Compare February 10, 2026 11:18
@anwesha-palit-redhat
Copy link
Contributor

/retest

@pratap0007 pratap0007 force-pushed the overview-pr-status-card branch from b004269 to 9c09979 Compare March 2, 2026 07:14
- Remove PipelinesOverview.scss, PipelineRunsDurationCard.scss, and PipelineRunsTotalCard.scss
- Replace custom classes with pf-v6 utility classes across pipelines overview cards
- Apply inline styles where needed for chart/card layout (flex, minHeight)

Signed-off-by: Shiv Verma <shverma@redhat.com>
@pratap0007 pratap0007 force-pushed the overview-pr-status-card branch from 9c09979 to 62ff56c Compare March 2, 2026 07:14
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.

2 participants