-
Notifications
You must be signed in to change notification settings - Fork 24
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
Remove left border from the super nav menu button #4631
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
All looks good to me! I just have one additional suggestion - I think the border-left
styles below can be removed since they seem to only appear when JS is disabled.
Lines 313 to 321 in 2e25311
.gem-c-layout-super-navigation-header__navigation-item-link-inner { | |
border-left: 1px solid $button-pipe-colour; | |
padding: govuk-spacing(1) $after-link-padding; | |
} | |
.gem-c-layout-super-navigation-header__navigation-item-link-inner--blue-background { | |
border-left: 0; | |
border-right: 1px solid $pale-blue-colour; | |
} |
Disabling JS does show some other nav layout issues, but I'll log a separate issue for those
- Updated the CSS to remove the left border from the menu button in the super navigation menu, this aligns with the styling used on the gov.uk homepage - Removed the `hide_button_left_border` option, this is no longer required as it is now the default style, this was used on the gov.uk homepage to remove the left border from the super navigation menu button
2e25311
to
d3af7e0
Compare
@jon-kirwan good spot!, I've made the suggested change, thanks
Thanks, just let me know if I can help with anything on this 👍 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great, changes look good to me. Thanks!
Forgot to approve Percy! Done that now.
What
Removed the 1px left border style, and the
hide_button_left_border
option from the super navigation menu component.Why
hide_button_left_border
option is no longer as it is now removed by defaultTrello card
Visual Changes
The failing visual regression tests in Percy are expected, screenshots of how the changes will appear on GOV.UK are included below.
Mobile
Desktop