Skip to content

USWDS - Footer: Restore layout-grid dependency#5930

Merged
thisisdano merged 1 commit into
developfrom
cm-footer-restore-grid-dep
May 22, 2024
Merged

USWDS - Footer: Restore layout-grid dependency#5930
thisisdano merged 1 commit into
developfrom
cm-footer-restore-grid-dep

Conversation

@mahoneycm

@mahoneycm mahoneycm commented May 15, 2024

Copy link
Copy Markdown
Contributor

Summary

Restored layout-grid dependency in footer package and removed layout-grid styles from footer stylesheet. This update prevents visual regression in other components with layout-grid utility classes in their markup.

Breaking change

This is not a breaking change.

Related issue

Closes #5914

Related pull requests

Changelog →

USWDS - Footer: Remove grid dependency.#5289

USWDS - Footer: Grid layout hotfix#5675

Preview link

Footer storybook preview →

Problem statement

The styles we added to footer after removing the layout-grid dependency cause visual regressions in other components with layout-grid utility classes in their markup.

Solution

Due to the amount of layout-grid classes used in footer markup, we’ve decided it’s best to include the dependency moving forward.

Major changes

  • Restored layout-grid dependency in footer package
  • Removed layout-grid classes in footer stylesheet
  • Footer package size before: 4 kb
  • Footer package size after: 12 kb

Testing and review

  1. Visit the footer component and it’s variant pages
  2. Confirm there is no visual regression in any viewport widths
  3. Inspect demo repo code and preview
  4. Confirm that banner and footer are displaying as expected without the usa-layout-grid package.
  5. Compare _usa-footer.scss to the release-3.7.0 version (before we removed the dependency) and confirm they match.
  6. Confirm that there were no other updates to footer styles that are missing.

@mahoneycm mahoneycm requested review from amyleadem and mejiaj May 15, 2024 18:57
@mahoneycm mahoneycm marked this pull request as ready for review May 15, 2024 18:57
@mahoneycm mahoneycm changed the title Restore grid dependency and styles USWDS - Footer: Restore layout-grid dependency May 15, 2024

@amyleadem amyleadem left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks good! I checked the following:

  • Confirm code in usa-footer matches the code from 3.7.0

    • Note: there is one difference between this PR and 3.7.0 (see screenshot below). This difference is expected because it was added in #5234 for an unrelated footer fix.
      image
  • Confirm no visual regressions

  • Confirm no issues with compilation

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.

USWDS - Bug: Banner & Footer style conflict caused by removing layout-grid dependency.

4 participants