Skip to content

APPDUX-228: Fixes to incorporate latest PF4 breaking change release#596

Merged
mfrances17 merged 3 commits intointegr8ly:masterfrom
mfrances17:pf4_latest
Jul 7, 2020
Merged

APPDUX-228: Fixes to incorporate latest PF4 breaking change release#596
mfrances17 merged 3 commits intointegr8ly:masterfrom
mfrances17:pf4_latest

Conversation

@mfrances17
Copy link
Collaborator

Motivation

https://issues.redhat.com/browse/APPDUX-228

What

Update to the latest Patternfly 4 build and make fixes so the UI behavior and look and feel work as expected.

Why

To incorporate the latest PF4 components going forward.

Verification Steps

Open Solution Explorer and traverse the entire UI to verify that no new issues were introduced.

Checklist:

  • Code has been tested locally by PR requester
  • Changes have been successfully verified by another team member

Progress

  • Finished task

Additional Notes

You can test effectively by pulling down this branch and running locally, but if you want to test on a server, you can use this docker image of the solution explorer:

docker.io/mfrances17/dev-tutorial-web-app:pf4-latest

Various screen caps:
UI-pf4-1

UI-pf4-2

UI-pf4-3

UI-pf4-4

UI-pf4-5

UI-pf4-6

Copy link
Collaborator

@jenny-s51 jenny-s51 left a comment

Choose a reason for hiding this comment

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

Looking good @mfrances17 ! There's a slight spacing issue with the breadcrumb:

Screen Shot 2020-06-29 at 12 54 22 PM

which Zack fixed here patternfly/patternfly-react#4368 and released in "@patternfly/react-core": "4.18.13", ... Can we bump react-core to 4.18.13? I tested locally and didn't run into any problems.

package.json Outdated
"@patternfly/react-core": "3.124.1",
"@patternfly/react-icons": "^3.14.23",
"@patternfly/patternfly": "4.10.29",
"@patternfly/react-core": "4.18.1",
Copy link
Collaborator

Choose a reason for hiding this comment

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

can we bump to 4.18.13?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I've updated to the latest PF:
patternfly: 4.16.7
react-core: 4.23.1

@dlabaj
Copy link
Collaborator

dlabaj commented Jul 6, 2020

Lgtm

@mfrances17
Copy link
Collaborator Author

@jenny-s51 @dlabaj @christiemolloy @pb82 @tiffanynolan Updated with the latest Patternfly 4 release... can be tested locally or on my server:
https://solution-explorer.apps.cluster-uxddev-916c.uxddev-916c.example.opentlc.com/

@tiffanynolan
Copy link
Contributor

Looking great! I noticed that the right side padding/gutter is missing from the data list. Can you add that back in?
image

@tiffanynolan
Copy link
Contributor

Also, there is some extra padding between the tab bar and the data list. Can this be removed?
Current: image
Desired:
image

@mfrances17
Copy link
Collaborator Author

Fixed the issues @tiffanynolan found, put an image of the latest on my server. Please have a look at your earliest convenience:
https://solution-explorer.apps.cluster-uxddev-916c.uxddev-916c.example.opentlc.com/

Screen caps as well, for your convenience:

initial_page

settings_page

Copy link
Contributor

@tiffanynolan tiffanynolan left a comment

Choose a reason for hiding this comment

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

Thanks for the changes. lgtm!

@mfrances17 mfrances17 merged commit d354905 into integr8ly:master Jul 7, 2020
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.

4 participants