integr8ly / tutorial-web-app

Solution Explorer provides the front door into the Integreatly initiative. It hosts the various Solution Patterns, as well as providing a dashboard of installed applications/products/services.
Apache License 2.0
36 stars 54 forks source link

fix(alerts): update alert styling #498

Closed AdamJ closed 5 years ago

AdamJ commented 5 years ago

Motivation

Updates Alerts to use PatternFly 4.

What

Update the Alert component and styles to utilize the PatternFly 4 version.

Why

In order to complete the move to PatternFly 4.

How

Change out the classes and colors associated with the old Alert styles/component. Remove old CSS that is no longer needed.

Verification Steps

  1. Go to a Walkthrough
  2. Verify that the 3 different options appear when interacting with "Check your work"
  3. Verify that each status has a corresponding color a. nothing selected = blue b. Yes selected = green c. No selected = read
  4. Colors and icons should match between the Alert dialogs and the footer.

Checklist:

Progress

Additional Notes

Screen Shot 2019-08-12 at 2 09 53 PM Screen Shot 2019-08-12 at 2 09 42 PM Screen Shot 2019-08-12 at 2 09 19 PM

mfrances17 commented 5 years ago

Merge in the latest package.json and yarn.lock and you should be good to go.