Skip to content

feat: migrate to Patternfly 6#123

Merged
r2dedios merged 1 commit intoRHEcosystemAppEng:release-0.5from
vbelouso:feature/patternfly-6-migration
Jan 15, 2026
Merged

feat: migrate to Patternfly 6#123
r2dedios merged 1 commit intoRHEcosystemAppEng:release-0.5from
vbelouso:feature/patternfly-6-migration

Conversation

@vbelouso
Copy link
Collaborator

@vbelouso vbelouso commented Dec 16, 2025

This PR completes the migration of the UI codebase to PatternFly 6.4.0 followed the official PatternFly Upgrade Guide

Changes

  1. PatternFly 6.4.0 Migration
    Upgraded core dependencies to 6.4.0
    Applied global style updates and theme adjustments.

  2. Design Tokens & Utilities
    Removed hardcoded values (hex colors, pixels) and replaced them with Semantic Tokens (--pf-t--*)
    Refactored inline styles (style={{...}}) into PatternFly 6 Utility Classes (pf-v6-u-*) for consistency in spacing, layout, and typography.

  3. Accessibility (A11y)
    Critical Fixes: Added missing aria-label and Tooltip components to all icon-only buttons (Navigation, Help, Action buttons).

  4. UX Writing & Validation
    Standardized error messages using the Alert component with the recommended "Description - Reason - Resolution" structure.
    Form Validation: Implemented onBlur visual validation for complex inputs (e.g., Cron Expression in ModalPowerManagement) to improve user feedback loops.

  5. Component Improvements
    Visual Regressions: Fixed specific issues in MastheadLogo, Card title alignment, and DateTimePicker z-index layering.
    Standardization: Enforced consistent usage of Card, Grid, and Flex components.

@vbelouso vbelouso added this to the v0.5 milestone Dec 16, 2025
@vbelouso vbelouso self-assigned this Dec 16, 2025
@vbelouso vbelouso added enhancement New feature or request hold labels Dec 16, 2025
@vbelouso
Copy link
Collaborator Author

Hold until #120 will be merged

@r2dedios r2dedios linked an issue Dec 17, 2025 that may be closed by this pull request
@vbelouso vbelouso force-pushed the feature/patternfly-6-migration branch from 5cdf6e4 to a81748f Compare January 14, 2026 11:46
@vbelouso vbelouso removed the hold label Jan 14, 2026
@vbelouso vbelouso marked this pull request as ready for review January 14, 2026 11:53
@vbelouso vbelouso requested review from r2dedios and rhartuv January 14, 2026 11:53
Copy link
Collaborator

@r2dedios r2dedios left a comment

Choose a reason for hiding this comment

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

Nothing to say apart of .. Great job! 🚀

I noticed NPM reports there are three packages with high severity vulnerabilities. After fixing them, this is the resulting diff:

sec-updates.patch

Copy link
Collaborator

@rhartuv rhartuv left a comment

Choose a reason for hiding this comment

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

It’s so exciting that this is the first review I’ve been asked to do,
especially since this PR looks so professional! It’s very user-friendly and a great upgrade.

For the future, I’d suggest adding an option to sort the table columns.
LGTM

@vbelouso vbelouso force-pushed the feature/patternfly-6-migration branch 2 times, most recently from d9894e0 to 9410eb5 Compare January 15, 2026 10:10
Signed-off-by: Vladimir Belousov <vbelouso@redhat.com>
@vbelouso vbelouso force-pushed the feature/patternfly-6-migration branch from 9410eb5 to 1da3deb Compare January 15, 2026 10:17
@vbelouso vbelouso requested a review from r2dedios January 15, 2026 10:19
@r2dedios
Copy link
Collaborator

bravo

@r2dedios r2dedios merged commit 0429800 into RHEcosystemAppEng:release-0.5 Jan 15, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Migrate to Patternfly 6

3 participants