Skip to content

95 Upgrade Chroming to Patternfly 4 Styling

CD Cabrera requested to merge 95-app-chroming into master

What's included

  • feat(pf4 styling): 95 pf4 app chroming

    • added PageLayout - combines masthead and some app framing
    • added Patternfly 4 to project
    • removed Masthead
  • chore(build): changelog, package updates

    • changelog and package increment
    • build packages upgraded, remove unused
    • redux-promise-middleware implementation updates
  • chore(build): 89 update create react app

    • upgraded create react app react scripts, build packages
    • move eslint-plugin-react resource to prod dependencies
    • removed chokidar in favor of node sass, per documentation
    • sass background image paths updated for login screen
    • minor prettier syntax updates toolbarSort, filterReducers
    • minor unit test snapshot updates around translation

How to test

The review setup can be used to help a quick confirmation. You'll need a login, or access to a Cloudigrade instance.

  1. Clone the updates locally, then
  2. From the terminal, within the repo context, run $ yarn start:review
  3. You may need to log in, do so

The mock dev setup can be used to help a quick confirmation.

  1. Clone the updates locally, then
  2. From the terminal, within the repo context, run $ yarn start
  3. You may need to log in, do so
    • Note: the local dev server will take any combo of email/made up password to log in

Example

Normal view:

Screenshot-2019-2-14_Cloud_Meter Screenshot-2019-2-14_Cloud_Meter_5_ Screenshot-2019-2-14_Cloud_Meter_6_

Mobile/small screen view:

Screenshot-2019-2-14_Cloud_Meter_3_ Screenshot-2019-2-18_Cloud_Meter

Updates issue/story

#93 (closed) #95 (closed), and relates to #89 (closed) part of build package updates

Edited by CD Cabrera

Merge request reports