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: adds spacing to contributor highlights container #1089

Merged
merged 4 commits into from
Apr 19, 2023

Conversation

bdougie
Copy link
Member

@bdougie bdougie commented Apr 11, 2023

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 addresses the spacing of highlights on contributor profiles. They seem to be on top of each other and my change is adding a simple mt-6 to the div.

I am open to other suggestions, but trying to keep it simple for this.

Related Tickets & Documents

fix #1057

Mobile & Desktop Screenshots/Recordings

Screen Shot 2023-04-11 at 2 46 42 PM

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?

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

@netlify
Copy link

netlify bot commented Apr 11, 2023

βœ… Deploy Preview for design-insights ready!

Name Link
πŸ”¨ Latest commit 481ed62
πŸ” Latest deploy log https://app.netlify.com/sites/design-insights/deploys/643f3cc21ce2b80007673ef8
😎 Deploy Preview https://deploy-preview-1089--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.

@netlify
Copy link

netlify bot commented Apr 11, 2023

βœ… Deploy Preview for oss-insights ready!

Name Link
πŸ”¨ Latest commit 481ed62
πŸ” Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/643f3cc2a3153200088e47f8
😎 Deploy Preview https://deploy-preview-1089--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.

Copy link
Contributor

@takanome-dev takanome-dev 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 πŸ‘

@bdougie bdougie changed the title fix(contributor highlights): adds spacing to contributor highlights o… fix: adds spacing to contributor highlights o… Apr 12, 2023
@OgDev-01
Copy link
Contributor

This works... But it will be better to add a space-y property to the container instead to avoid weird margins in places we don't need them 🀌

@bdougie
Copy link
Member Author

bdougie commented Apr 13, 2023

This works... But it will be better to add a space-y property to the container instead to avoid weird margins in places we don't need them 🀌

Of course. I will update this to use space-y

@brandonroberts brandonroberts changed the title fix: adds spacing to contributor highlights o… fix: adds spacing to contributor highlights container Apr 13, 2023
@brandonroberts brandonroberts added requested changes merge conflicts Needs merge conflict resolved labels Apr 13, 2023
@bdougie
Copy link
Member Author

bdougie commented Apr 19, 2023

This works... But it will be better to add a space-y property to the container instead to avoid weird margins in places we don't need them 🀌

space-y only adds margin top.

https://tailwind.build/classes/spacing/-space-y-1+%25_F+.-space-y-*

Going to switch back to mb-6 and take the tech debt for now.

@brandonroberts brandonroberts merged commit 83d89bd into beta Apr 19, 2023
8 of 9 checks passed
@brandonroberts brandonroberts deleted the 1057-space-between branch April 19, 2023 02:04
github-actions bot pushed a commit that referenced this pull request Apr 20, 2023
## [1.43.0-beta.3](v1.43.0-beta.2...v1.43.0-beta.3) (2023-04-20)

### πŸ› Bug Fixes

* adds spacing to contributor highlights container ([#1089](#1089)) ([83d89bd](83d89bd)), closes [#1057](#1057)

### πŸ• Features

* connect contributor page and graphs to the API ([#1072](#1072)) ([#1112](#1112)) ([4fc471c](4fc471c))
@github-actions
Copy link

πŸŽ‰ This PR is included in version 1.43.0-beta.3 πŸŽ‰

The release is available on GitHub release

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

github-actions bot pushed a commit that referenced this pull request Apr 20, 2023
## [1.43.0](v1.42.0...v1.43.0) (2023-04-20)

### πŸ• Features

* add page to accept insight member invitation ([#1102](#1102)) ([ffe35e2](ffe35e2))
* connect contributor page and graphs to the API ([#1072](#1072)) ([#1112](#1112)) ([4fc471c](4fc471c))
* connect contributors page to API ([#1113](#1113)) ([e51c51e](e51c51e))
* implement insights team feature ([#1080](#1080)) ([5186a60](5186a60))

### πŸ› Bug Fixes

* adds spacing to contributor highlights container ([#1089](#1089)) ([83d89bd](83d89bd)), closes [#1057](#1057)
* only redirect on contributor profile if login is defined ([#1114](#1114)) ([483f38c](483f38c))
@github-actions
Copy link

πŸŽ‰ This PR is included in version 1.43.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.43.0-beta.3](open-sauced/app@v1.43.0-beta.2...v1.43.0-beta.3) (2023-04-20)

### πŸ› Bug Fixes

* adds spacing to contributor highlights container ([#1089](open-sauced/app#1089)) ([83d89bd](open-sauced/app@83d89bd)), closes [#1057](open-sauced/app#1057)

### πŸ• Features

* connect contributor page and graphs to the API ([#1072](open-sauced/app#1072)) ([#1112](open-sauced/app#1112)) ([4fc471c](open-sauced/app@4fc471c))
ElpisHelle added a commit to ElpisHelle/next.js-tailwindcss that referenced this pull request Aug 17, 2023
## [1.43.0](open-sauced/app@v1.42.0...v1.43.0) (2023-04-20)

### πŸ• Features

* add page to accept insight member invitation ([#1102](open-sauced/app#1102)) ([ffe35e2](open-sauced/app@ffe35e2))
* connect contributor page and graphs to the API ([#1072](open-sauced/app#1072)) ([#1112](open-sauced/app#1112)) ([4fc471c](open-sauced/app@4fc471c))
* connect contributors page to API ([#1113](open-sauced/app#1113)) ([e51c51e](open-sauced/app@e51c51e))
* implement insights team feature ([#1080](open-sauced/app#1080)) ([5186a60](open-sauced/app@5186a60))

### πŸ› Bug Fixes

* adds spacing to contributor highlights container ([#1089](open-sauced/app#1089)) ([83d89bd](open-sauced/app@83d89bd)), closes [#1057](open-sauced/app#1057)
* only redirect on contributor profile if login is defined ([#1114](open-sauced/app#1114)) ([483f38c](open-sauced/app@483f38c))
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.

bug: add more spaces between highlights
4 participants