Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Material-UI 4.x #5278

Merged
merged 20 commits into from
Jul 19, 2019
Merged

Update Material-UI 4.x #5278

merged 20 commits into from
Jul 19, 2019

Conversation

mikemurray
Copy link
Member

@mikemurray mikemurray commented Jul 3, 2019

Impact: major
Type: feature|chore

Issue

MUI 4.0 release a few months back and adds some refinements to an already super useful library. We were on 3.9 previously.

Solution

  • Update to 4.2.1
  • Fix issues with Grid and spacing

Breaking changes

  • Depreciation warning: theme.spacing.unit is will be theme.spacing(). Updated all our uses of theme.spacing.unit to theme.spacing(). This will be a breaking change for v5.
  • Visual: Grid spacing is now from 0-10 which are multiples of the base spacing unit of 8. Values about 10 with show a warning in the console.
  • Visual: tables with checkboxes and icon buttons will need <TableCell paddingCheckbox> or <TableCell paddingNone>, otherwise the rows will be much taller than necessary.

I say these are mostly visual breaking changes. The app should run with maybe some extra padding or warnings to update to the new features for older plugins.

Testing

  1. Smoke test the operator UI and ensure there are no console warnings from MUI and that everything is spaced correctly.
  2. Compare to a previous version of the UI that's already running (you know the one) and see that this matches closely to that one.

Theme.spacing() is now a function.

Signed-off-by: Mike Murray <[email protected]>
`spacing` is now from 0 - 10, where `3 * base spacing unit of 8` will still equal `24`

Signed-off-by: Mike Murray <[email protected]>
`spacing` is now from 0 - 10, where `1 * base spacing unit of 8` will still equal `8`

Signed-off-by: Mike Murray <[email protected]>
`spacing` is now from 0 - 10, where `5 * base spacing unit of 8` will still equal `40`

Signed-off-by: Mike Murray <[email protected]>
@mikemurray
Copy link
Member Author

The remaining issues I see seem to be some icon size and list item spacing issues.

@mikemurray mikemurray changed the title [WIP] Update Material-UI 4.x Update Material-UI 4.x Jul 19, 2019
@mikemurray mikemurray marked this pull request as ready for review July 19, 2019 21:06
Copy link
Member

@kieckhafer kieckhafer left a comment

Choose a reason for hiding this comment

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

Code changes look good. Made a comment about MUI version inline.

Signed-off-by: Mike Murray <[email protected]>
package.json Outdated Show resolved Hide resolved
Copy link
Member

@kieckhafer kieckhafer left a comment

Choose a reason for hiding this comment

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

I made a couple updates to change spacing sizes in a couple files that were missed, but everything looks good after those couple changes 👍

Signed-off-by: Erik Kieckhafer <[email protected]>
@kieckhafer kieckhafer merged commit 9831ad7 into develop Jul 19, 2019
@kieckhafer kieckhafer deleted the feat-mikemurray-mui-4.0 branch July 19, 2019 22:19
@kieckhafer kieckhafer mentioned this pull request Aug 2, 2019
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.

2 participants