Skip to content

ROX-31776: Fix PF6 spacing in compliance coverage pages#19217

Open
sachaudh wants to merge 1 commit intosc/ROX-31777from
sc/ROX-31776
Open

ROX-31776: Fix PF6 spacing in compliance coverage pages#19217
sachaudh wants to merge 1 commit intosc/ROX-31777from
sc/ROX-31776

Conversation

@sachaudh
Copy link
Contributor

@sachaudh sachaudh commented Feb 26, 2026

Description

Jira: ROX-31776

Fix PF6 spacing issues in compliance coverage pages after the PatternFly 6 migration.

  • Replace pf-v6-u-p-md with pf-v6-u-p-lg to restore proper padding (PF6 changed spacing scale)
  • Add pf-v6-u-row-gap-0 to PageSection components to prevent unwanted vertical gaps between child elements
  • Restructure nested PageSection components in CoveragesPage and ClusterDetailsPage to flatten layout hierarchy
  • Replace unnecessary inner PageSection with plain <div> in CheckDetailsPage tab content
  • Adjust vertical padding on ScanConfigurationSelect from py-sm to py-md

User-facing documentation

Testing and quality

  • the change is production ready: the change is GA, or otherwise the functionality is gated by a feature flag
  • CI results are inspected

Automated testing

  • added unit tests
  • added e2e tests
  • added regression tests
  • added compatibility tests
  • modified existing tests

How I validated my change

  • Visual inspection of compliance coverage pages (CoveragesPage, ClusterDetailsPage, CheckDetailsPage) in the browser to confirm spacing matches pre-PF6 layout

Screenshots

Screenshot 2026-02-26 at 8 34 12 AM Screenshot 2026-02-26 at 8 34 20 AM Screenshot 2026-02-26 at 8 45 46 AM

Eliminate double-padding and inconsistent spacing across coverage pages
by restructuring PageSection usage to separate edge-to-edge content
(tabs, profile details) from padded content (toolbars, tables).

- Split monolithic PageSections into noPadding sections for edge-to-edge
  content and standard-padded sections for toolbar/table areas
- Remove unnecessary nested PageSection in CoveragesPage and
  CheckDetailsPage
- Normalize padding utilities from md to lg for consistent spacing
  across ProfileDetailsHeader, ProfilesToggleGroup, and
  ScanConfigurationSelect
- Add pf-v6-u-row-gap-0 overrides with comments per established pattern

Partially generated by AI.

Signed-off-by: Saif Chaudhry <schaudhr@redhat.com>
@openshift-ci
Copy link

openshift-ci bot commented Feb 26, 2026

Skipping CI for Draft Pull Request.
If you want CI signal for your change, please convert it to an actual PR.
You can still manually trigger a test run with /test all

@sachaudh sachaudh requested a review from dvail February 26, 2026 16:54
@sachaudh sachaudh marked this pull request as ready for review February 26, 2026 16:54
@sachaudh sachaudh requested a review from a team as a code owner February 26, 2026 16:54
@sachaudh sachaudh removed the request for review from a team February 26, 2026 16:54
@codecov
Copy link

codecov bot commented Feb 26, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 49.52%. Comparing base (68801b1) to head (212c02c).

Additional details and impacted files
@@               Coverage Diff                @@
##           sc/ROX-31777   #19217      +/-   ##
================================================
- Coverage         49.52%   49.52%   -0.01%     
================================================
  Files              2666     2666              
  Lines            201181   201181              
================================================
- Hits              99640    99625      -15     
- Misses            94108    94119      +11     
- Partials           7433     7437       +4     
Flag Coverage Δ
go-unit-tests 49.52% <ø> (-0.01%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant