-
Notifications
You must be signed in to change notification settings - Fork 39
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
[MDS-6103] Upgraded build related npm packages + upgraded codebase to support newest sass version #3278
Conversation
Quality Gate passed for 'bcgov-sonarcloud_mds_core-api'Issues Measures |
Quality Gate passed for 'bcgov-sonarcloud_mds_permits'Issues Measures |
Quality Gate failed for 'bcgov-sonarcloud_mds_common'Failed conditions |
Quality Gate passed for 'bcgov-sonarcloud_mds_minespace-web'Issues Measures |
Quality Gate failed for 'bcgov-sonarcloud_mds_core-web'Failed conditions |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🙌
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Holy smokes!
@import "~@syncfusion/ej2-grids/styles/material.scss"; | ||
@import "~@syncfusion/ej2-react-pdfviewer/styles/material.scss"; | ||
@import "~@syncfusion/ej2-react-filemanager/styles/material.scss"; | ||
@import "~@syncfusion/ej2-base/styles/material.css"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Interesting. Was this a change on the Syncfusion side of things? Or were there never scss versions of these?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Amazing. So many sweet sweet upgrades. Love it!
Objective
MDS-6103
SASS Upgrade
@import
statements are present (these conflict with the plaincss
version). Instead, we should use the SASS module system (good writeup here: https://css-tricks.com/introducing-sass-modules/ )darken
) to use the namespaced ones instead (e.g. color.adjust) to remove a bunch of warnings. This was done automatically using thesass-migration
commandbase.scss
file that contains most of the old global utilityscss
(variables / theme etc.). I added this to make this migration a bit more achievable, but it might be a good idea to instead use direct imports where we can instead.Package upgrades