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: add margin left to prevent overflow of nav item #3904

Merged
merged 4 commits into from
Aug 12, 2024
Merged

fix: add margin left to prevent overflow of nav item #3904

merged 4 commits into from
Aug 12, 2024

Conversation

Dun-sin
Copy link
Contributor

@Dun-sin Dun-sin commented Aug 9, 2024

Description

This PR adds the class ml-2 to the nav component to prevent the overflow

Related Tickets & Documents

fix #3889

Mobile & Desktop Screenshots/Recordings

before:
image

after:

brave_f7n92rcpCF.mp4

Steps to QA

  1. Go to this URL → https://beta.app.opensauced.pizza/explore/topic/typescript?redirectedFrom=%2F
  2. Use the tab to navigate to the nav options e.g (dashboard, contributors etc)

Tier (staff will fill in)

  • Tier 1
  • Tier 2
  • Tier 3
  • Tier 4

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

Copy link

netlify bot commented Aug 9, 2024

Deploy Preview for oss-insights ready!

Name Link
🔨 Latest commit b470eaa
🔍 Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/66ba11423fdc4b0008f70c58
😎 Deploy Preview https://deploy-preview-3904--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 configuration.

Copy link

netlify bot commented Aug 9, 2024

Deploy Preview for design-insights ready!

Name Link
🔨 Latest commit b470eaa
🔍 Latest deploy log https://app.netlify.com/sites/design-insights/deploys/66ba114269c6b600083264e3
😎 Deploy Preview https://deploy-preview-3904--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 configuration.

Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

PR Compliance Checks Passed!

@jpmcb
Copy link
Member

jpmcb commented Aug 9, 2024

Accepted the deploy preview and running CI/CD now.

Copy link
Member

@jpmcb jpmcb 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! Thanks!!

@brandonroberts brandonroberts changed the title fix(components/organisms/ToolList/nav.tsx): add margin left to prevent overflow of nav item fix: add margin left to prevent overflow of nav item Aug 12, 2024
@brandonroberts brandonroberts added this pull request to the merge queue Aug 12, 2024
Merged via the queue into open-sauced:beta with commit c8b8ace Aug 12, 2024
17 checks passed
open-sauced bot pushed a commit that referenced this pull request Aug 12, 2024
## [2.53.1-beta.1](v2.53.0...v2.53.1-beta.1) (2024-08-12)

### 🐛 Bug Fixes

* add margin left to prevent overflow of nav item ([#3904](#3904)) ([c8b8ace](c8b8ace))
open-sauced bot pushed a commit that referenced this pull request Aug 12, 2024
## [2.54.0](v2.53.0...v2.54.0) (2024-08-12)

### 🐛 Bug Fixes

* add margin left to prevent overflow of nav item ([#3904](#3904)) ([c8b8ace](c8b8ace))
* contributor insight card orange dot no longer squished ([#3912](#3912)) ([01cb265](01cb265))

### 🍕 Features

* update DevCard design ([#3879](#3879)) ([979576d](979576d))
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.

Bug: outline cut off for dashboard tab when it receives focus
3 participants