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

Sass Deprecation Warnings #6422

Merged
merged 21 commits into from
Jan 22, 2025

Conversation

rfultz
Copy link
Contributor

@rfultz rfultz commented Aug 8, 2024

Summary

Addressing Sass deprecation and, while adjusting everything, added some Sass formatting

Required reviewers

  • front-end
  • anyone who'd like to scour for visual changes

Impacted areas of the application

The entire front-end, but most changes hit mixins and seemed to mostly fall on

  • column widths and offsets (like 2 columns, -1)
  • icons, especially on buttons
  • this is not a complete list—there were nearly 200 files changed

Screenshots

Should be zero visual changes

No longer getting screen after screen of deprecation warnings!

image

Related PRs

None

How to test

Copy link

codecov bot commented Aug 8, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 79.72%. Comparing base (cb6551f) to head (f738c3c).
Report is 49 commits behind head on develop.

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.
📢 Have feedback on the report? Share it here.

@johnnyporkchops johnnyporkchops requested review from johnnyporkchops and removed request for johnnyporkchops August 14, 2024 19:59
@patphongs patphongs modified the milestones: 25.i, 26.3 Sep 11, 2024
@rfultz rfultz requested a review from patphongs November 20, 2024 18:39
@rfultz rfultz mentioned this pull request Dec 10, 2024
18 tasks
@rfultz rfultz modified the milestones: 26.3, 27.1 Dec 11, 2024
@rfultz rfultz modified the milestones: 27.1, 27.2 Dec 23, 2024
@rfultz rfultz modified the milestones: 27.2, 27.3 Jan 7, 2025
@rfultz rfultz modified the milestones: 27.3, 27.4 Jan 21, 2025

/* 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) {
Copy link
Contributor

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

Copy link
Contributor Author

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

@import 'components/search-bar';
@import 'components/site-header';

body:before {
Copy link
Contributor

Choose a reason for hiding this comment

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

@rfultz Dont forget this

Copy link
Contributor

@johnnyporkchops johnnyporkchops left a 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

@johnnyporkchops johnnyporkchops merged commit 479b7b6 into develop Jan 22, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ✅ Done
Development

Successfully merging this pull request may close these issues.

Sass Stylesheet Deprecation Warnings
4 participants