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 navigation $from: tablet gutter offset #3425

Merged
merged 1 commit into from
Jan 11, 2024
Merged

Conversation

colinrotherham
Copy link
Contributor

@colinrotherham colinrotherham commented Jan 11, 2024

This PR fixes the $from: tablet navigation menu width to occupy an extra 30px space

The extra available width is due to our left: -15px gutter offset, but we didn't use it

Before

Menu item “Accessibility” doesn't fit at 768px width

Screenshot showing the menu item wrapping to a new line

After

Menu item “Accessibility” now fits at 768px width

Screenshot showing the menu item no longer wraps

The menu width now expands to fill the extra 30px space made available by the gutter offset

Menu item “Accessibility” now fits at 768px width
Copy link

netlify bot commented Jan 11, 2024

You can preview this change here:

Name Link
🔨 Latest commit c9d49bc
🔍 Latest deploy log https://app.netlify.com/sites/govuk-design-system-preview/deploys/659fe5aae8314600087a4e49
😎 Deploy Preview https://deploy-preview-3425--govuk-design-system-preview.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

@CharlotteDowns CharlotteDowns left a comment

Choose a reason for hiding this comment

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

Thank you, much better 💪🏻

@colinrotherham
Copy link
Contributor Author

Thanks @CharlotteDowns, just going to check this with @owenatgov before we merge

Copy link
Contributor

@owenatgov owenatgov left a comment

Choose a reason for hiding this comment

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

The simplest solution is the best!

@colinrotherham colinrotherham merged commit 4263550 into main Jan 11, 2024
12 checks passed
@colinrotherham colinrotherham deleted the nav-spacing branch January 11, 2024 13:50
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.

3 participants