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: Footer Location on Smaller Screens #1242

Merged
merged 1 commit into from Jun 5, 2023

Conversation

bpirrocco
Copy link
Contributor

What type of PR is this? (check all applicable)

  • πŸ• Feature
  • πŸ› Bug Fix
  • πŸ“ Documentation Update
  • 🎨 Style
  • πŸ§‘β€πŸ’» Code Refactor
  • πŸ”₯ Performance Improvements
  • βœ… Test
  • πŸ€– Build
  • πŸ” CI
  • πŸ“¦ Chore (Release)
  • ⏩ Revert

Description

This PR gives the body a background color equivalent to "bg-light-slate-2" to fix the appearance of the footer component in the extra-small to medium breakpoints. It also gets rid of that same appearance issue that appears at a smaller scale in the large and extra-large breakpoints.

Related Tickets & Documents

Fixes #1230

Mobile & Desktop Screenshots/Recordings

Medium Breakpoint Before:
image

Medium Breakpoint After:
image

Large Breakpoint Before:
image

Large Breakpoint After:
image

Added tests?

  • πŸ‘ yes
  • πŸ™… no, because they aren't needed
  • πŸ™‹ no, because I need help

Added to documentation?

  • πŸ“œ README.md
  • πŸ““ docs.opensauced.pizza
  • πŸ• dev.to/opensauced
  • πŸ“• storybook
  • πŸ™… no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

I don't believe so

[optional] What gif best describes this PR or how it makes you feel?

This is my first PR to an open source project, so I am very anxious but excited:)
image

@netlify
Copy link

netlify bot commented Jun 3, 2023

βœ… Deploy Preview for oss-insights ready!

Built without sensitive environment variables

Name Link
πŸ”¨ Latest commit 50a68ac
πŸ” Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/647a974d7109a90008eae813
😎 Deploy Preview https://deploy-preview-1242--oss-insights.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 Jun 3, 2023

βœ… Deploy Preview for design-insights ready!

Name Link
πŸ”¨ Latest commit 50a68ac
πŸ” Latest deploy log https://app.netlify.com/sites/design-insights/deploys/647a974db6ce8a0008c46356
😎 Deploy Preview https://deploy-preview-1242--design-insights.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.

Copy link
Member

@bdougie bdougie left a comment

Choose a reason for hiding this comment

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

Thanks for the contribution @bpirrocco. This would make for a good Highlight.

@OgDev-01 OgDev-01 merged commit 8b2356a into open-sauced:beta Jun 5, 2023
12 of 14 checks passed
github-actions bot pushed a commit that referenced this pull request Jun 5, 2023
### [1.50.1-beta.2](v1.50.1-beta.1...v1.50.1-beta.2) (2023-06-05)

### πŸ› Bug Fixes

* Footer Location on Smaller Screens ([#1242](#1242)) ([8b2356a](8b2356a))
@github-actions
Copy link

github-actions bot commented Jun 5, 2023

πŸŽ‰ This PR is included in version 1.50.1-beta.2 πŸŽ‰

The release is available on GitHub release

Your semantic-release bot πŸ“¦πŸš€

github-actions bot pushed a commit that referenced this pull request Jun 6, 2023
## [1.51.0](v1.50.0...v1.51.0) (2023-06-06)

### πŸ• Features

* add share tracking ([#1250](#1250)) ([5b7d331](5b7d331))
* implement dynamic redirect on auth ([#1240](#1240)) ([548cc4d](548cc4d))

### πŸ› Bug Fixes

* Footer Location on Smaller Screens ([#1242](#1242)) ([8b2356a](8b2356a))
* reports select issue ([#1239](#1239)) ([a48bc87](a48bc87))
* update contributors hook to use contributor API endpoint ([#1238](#1238)) ([eff01c0](eff01c0))
* update hook for Posthog ([cd4f32c](cd4f32c))
* update medium activity threshold for repositories ([#1251](#1251)) ([4730533](4730533)), closes [#1224](#1224)
@github-actions
Copy link

github-actions bot commented Jun 6, 2023

πŸŽ‰ This PR is included in version 1.51.0 πŸŽ‰

The release is available on GitHub release

Your semantic-release bot πŸ“¦πŸš€

ElpisHelle added a commit to ElpisHelle/next.js-tailwindcss that referenced this pull request Aug 17, 2023
### [1.50.1-beta.2](open-sauced/app@v1.50.1-beta.1...v1.50.1-beta.2) (2023-06-05)

### πŸ› Bug Fixes

* Footer Location on Smaller Screens ([#1242](open-sauced/app#1242)) ([8b2356a](open-sauced/app@8b2356a))
ElpisHelle added a commit to ElpisHelle/next.js-tailwindcss that referenced this pull request Aug 17, 2023
## [1.51.0](open-sauced/app@v1.50.0...v1.51.0) (2023-06-06)

### πŸ• Features

* add share tracking ([#1250](open-sauced/app#1250)) ([5b7d331](open-sauced/app@5b7d331))
* implement dynamic redirect on auth ([#1240](open-sauced/app#1240)) ([548cc4d](open-sauced/app@548cc4d))

### πŸ› Bug Fixes

* Footer Location on Smaller Screens ([#1242](open-sauced/app#1242)) ([8b2356a](open-sauced/app@8b2356a))
* reports select issue ([#1239](open-sauced/app#1239)) ([a48bc87](open-sauced/app@a48bc87))
* update contributors hook to use contributor API endpoint ([#1238](open-sauced/app#1238)) ([eff01c0](open-sauced/app@eff01c0))
* update hook for Posthog ([cd4f32c](open-sauced/app@cd4f32c))
* update medium activity threshold for repositories ([#1251](open-sauced/app#1251)) ([4730533](open-sauced/app@4730533)), closes [#1224](open-sauced/app#1224)
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.

Feature: Footer location on small screens
3 participants