-
Notifications
You must be signed in to change notification settings - Fork 40
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
Sass Deprecation Warnings #6422
Sass Deprecation Warnings #6422
Conversation
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## develop #6422 +/- ##
========================================
Coverage 79.72% 79.72%
========================================
Files 235 235
Lines 5159 5159
========================================
Hits 4113 4113
Misses 1046 1046 ☔ View full report in Codecov by Sentry. |
|
||
/* as a necessity, we depart from mobile-first(min-width only MQs) here for these tables only */ | ||
@media only screen and (width <= 650px), | ||
(device-width >= 650px) and (device-width <= 1024px) { |
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.
@rfultz I am not sure if this iis where the issue is, but the responsive mobile styles for these tables no longer works on this branch
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.
Nice catch!
For the record, width <=
doesn't seem to work but the older max-width:
does
fec/fec/static/scss/_global.scss
Outdated
@import 'components/search-bar'; | ||
@import 'components/site-header'; | ||
|
||
body:before { |
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.
@rfultz Dont forget this
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.
Looks good, thanks for fixing the mobile table issue. Please remove the green label and I can merge
Summary
Addressing Sass deprecation and, while adjusting everything, added some Sass formatting
Required reviewers
Impacted areas of the application
The entire front-end, but most changes hit mixins and seemed to mostly fall on
Screenshots
Should be zero visual changes
No longer getting screen after screen of deprecation warnings!
Related PRs
None
How to test
npm i
npm run build
./manage.py runserver