Skip to content

USWDS - Header: Increase navigation link target size#4708

Merged
thisisdano merged 1 commit into
developfrom
cm-navigation-link-target-3.0
Jun 3, 2022
Merged

USWDS - Header: Increase navigation link target size#4708
thisisdano merged 1 commit into
developfrom
cm-navigation-link-target-3.0

Conversation

@mahoneycm

@mahoneycm mahoneycm commented May 23, 2022

Copy link
Copy Markdown
Contributor

Preview

Header →

Description

Fixes #2836

Originally #4427

Modeled some of the suggestions in #2836 and #3033 which give subnav menu items a larger targeting area.

The desired effect was accomplished by setting the submenu item anchor tag to display: block; and moving the padding from the parent tag to the anchor itself.

Additional information

Current Nav menus

image
image

Suggested on #2836
image

After this fix

Screen Shot 2022-05-23 at 12 07 59 PM

Screen Shot 2022-05-23 at 12 08 15 PM

@mahoneycm mahoneycm requested a review from mejiaj May 23, 2022 16:39

@mejiaj mejiaj left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks good, thanks for updating!

@mejiaj mejiaj requested a review from thisisdano May 23, 2022 20:59
@thisisdano thisisdano merged commit dabf930 into develop Jun 3, 2022
@thisisdano thisisdano deleted the cm-navigation-link-target-3.0 branch June 3, 2022 15:21
@thisisdano thisisdano mentioned this pull request Jun 17, 2022
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.

Increase target area of header menu dropdown links on desktop sizes

3 participants