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

fix: updated homepage spacing #1414

Merged
merged 4 commits into from
Aug 9, 2022
Merged

fix: updated homepage spacing #1414

merged 4 commits into from
Aug 9, 2022

Conversation

ColinBuyck
Copy link
Collaborator

@ColinBuyck ColinBuyck commented Aug 3, 2022

Pull Request Template

Issue Overview

This PR addresses bloom-housing#2927

  • This change addresses the issue in full
  • This change addresses only certain aspects of the issue
  • This change is a dependency for another issue
  • This change has a dependency from another issue

Description

This PR updates the spacing on the coming soon section, the regions section, and the footer.

How Can This Be Tested/Reviewed?

This can be tested by using the Public preview and verifying that the changes reflect those seen in the issue.

Checklist:

  • My code follows the style guidelines of this project
  • I have added QA notes to the issue with applicable URLs
  • I have performed a self-review of my own code
  • I have reviewed the changes in a desktop view
  • I have reviewed the changes in a mobile view
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing unit tests pass locally with my changes
  • Any dependent changes have been merged and published in downstream modules
  • I have assigned reviewers
  • I have run yarn generate:client and/or created a migration if I made backend changes that require them
  • I have exported any new pieces added to ui-components
  • My commit message(s) is/are polished, and any breaking changes are indicated in the message and are well-described
  • Commits made across packages purposefully have the same commit message/version change, else are separated into different commits

Reviewer Notes:

Steps to review a PR:

  • Read and understand the issue, and ensure the author has added QA notes
  • Review the code itself from a style point of view
  • Pull the changes down locally and test that the acceptance criteria is met
  • Also review the acceptance criteria on the Netlify deploy preview (noting that these do not yet include any backend changes made in the PR)
  • Either explicitly ask a clarifying question, request changes, or approve the PR if there are small remaining changes but the PR is otherwise good to go

On Merge:

If you have one commit and message, squash. If you need each message to be applied, rebase and merge.

@netlify
Copy link

netlify bot commented Aug 3, 2022

Deploy Preview for detroit-public-dev ready!

Name Link
🔨 Latest commit 4c4c5df
🔍 Latest deploy log https://app.netlify.com/sites/detroit-public-dev/deploys/62f15d0d4535f40008a1a5b1
😎 Deploy Preview https://deploy-preview-1414--detroit-public-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@netlify
Copy link

netlify bot commented Aug 3, 2022

Deploy Preview for detroit-partners-dev ready!

Name Link
🔨 Latest commit 4c4c5df
🔍 Latest deploy log https://app.netlify.com/sites/detroit-partners-dev/deploys/62f15d0df2f6ed00094f6c16
😎 Deploy Preview https://deploy-preview-1414--detroit-partners-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@netlify
Copy link

netlify bot commented Aug 3, 2022

Deploy Preview for detroit-storybook-dev ready!

Name Link
🔨 Latest commit 4c4c5df
🔍 Latest deploy log https://app.netlify.com/sites/detroit-storybook-dev/deploys/62f15d0d28a4a6000839481a
😎 Deploy Preview https://deploy-preview-1414--detroit-storybook-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@@ -4,8 +4,9 @@ footer.site-footer > .footer-row:first-of-type {
}

.footer-sections {
padding: 2rem 0;
max-width: 1024px;
@apply py-8;
Copy link
Collaborator

Choose a reason for hiding this comment

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

We're moving off of tailwind, do you mind adding these as vanilla css classes since they're new?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

@emilyjablonski Just updated!

Copy link
Collaborator

Choose a reason for hiding this comment

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

@emilyjablonski We should talk about this. I don't know if vanilla CSS is the solution here. I think what we want is to create tokens using CSS variables so we can reuse this spacers across the site.

Copy link
Collaborator

Choose a reason for hiding this comment

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

I believe the tokens are available already…just need to swap out any remaining @apply or hardcoded values (aka var(--bloom-s2) rather than 0.5rem)

Copy link
Collaborator

@emilyjablonski emilyjablonski left a comment

Choose a reason for hiding this comment

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

Visually LGTM, just one style comment

@ColinBuyck ColinBuyck merged commit 3760454 into dev Aug 9, 2022
@ColinBuyck ColinBuyck deleted the 2927/homepage-spacing branch August 9, 2022 17:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants