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

SUP-180: local footer #4

Merged
merged 11 commits into from
Apr 18, 2024
Merged

SUP-180: local footer #4

merged 11 commits into from
Apr 18, 2024

Conversation

jenbreese
Copy link
Contributor

@jenbreese jenbreese commented Apr 5, 2024

READY FOR REVIEW

  • Feedback requested

Summary

  • Styling
    -- Changed the bg color
    -- Changed the link colors
  • Responsive
    -- Reordered content
  • Removed the address
  • Moved the social icons
  • Removed the Lockup options
  • Added the logo svg for the footer.
  • Removed the red SU global footer.
  • Removed the Lockup stories file since they won't change it.
  • Known things to change.
    -- Spacing below the h2 to match design
    -- Spacing on the columns between the lines and the center column of links.
    -- Change the m1 font sizing to the type-0 to type-10. This is more up to date way to have the responsive font sizing.

Review By (Date)

  • When time

Criticality

  • Normal

Urgency

  • Normal

Review Tasks

Setup tasks and/or behavior to test

  1. Check out this branch
  2. Rebuild Cache and import config drush cr ; drush ci
  3. Navigate to the footer config page.
  4. Add the links as listed in the ticket to the 4 different content blocks. There is a .txt file in the Jira ticket with all the links from the design.
  5. Remove the address.
  6. Change the social icons to include an Instagram.
  7. Verify the link lists order changes in the different responsive views.

Site Configuration Sync

  • Is there a config:export in this PR that changes the config sync directory?

Front End Validation

Backend / Functional Validation

Code

  • Are the naming conventions following our standards?
  • Does the code have sufficient inline comments?
  • Is there anything in this code that would be hidden or hard to discover through the UI?
  • Are there any code smells?
  • Are tests provided? eg (unit, behat, or codeception)

Code security

General

  • Is there anything included in this PR that is not related to the problem it is trying to solve?
  • Is the approach to the problem appropriate?

Affected Projects or Products

  • Does this PR impact any particular projects, products, or modules?

Associated Issues and/or People

- SUP-180

Resources

@jenbreese jenbreese changed the title SUP-180: local footer initial work SUP-180: local footer Apr 11, 2024
@jenbreese jenbreese requested a review from pookmish April 12, 2024 18:14
@pookmish pookmish force-pushed the SUP-180--local-footer branch from 1389f6c to ee151ab Compare April 18, 2024 19:30
Copy link
Contributor

@pookmish pookmish left a comment

Choose a reason for hiding this comment

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

I'll make the necessary changes.


export const sourceSans3 = Source_Sans_3({
export const sourceSans3 = Montserrat({
Copy link
Contributor

Choose a reason for hiding this comment

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

If you change the font, you should change the variable name here and in the layout.tsx where it is used.
I'll fix it though.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Oh right, good point.

width?: number
}

const PressFooterLogoLg = ({height = 89, width = 579, ...props}: Props) => {
Copy link
Contributor

Choose a reason for hiding this comment

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

You should add {...props} to the svg attributes.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Ok. Thanks for the feedback!

width?: number
}

const PressFooterLogoXs = ({height = 91, width = 426, ...props}: Props) => {
Copy link
Contributor

Choose a reason for hiding this comment

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

You should add {...props} to the svg attributes.

@pookmish pookmish merged commit 4acbbf3 into 1.x Apr 18, 2024
1 check passed
@pookmish pookmish deleted the SUP-180--local-footer branch April 18, 2024 19:41
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