Skip to content

feat(nav): redesign Focus Areas subnav with icons, centered layout#252

Open
Hale730 wants to merge 1 commit into
cloudflare:mainfrom
Hale730:hporter/subnav-redesign
Open

feat(nav): redesign Focus Areas subnav with icons, centered layout#252
Hale730 wants to merge 1 commit into
cloudflare:mainfrom
Hale730:hporter/subnav-redesign

Conversation

@Hale730

@Hale730 Hale730 commented Jun 3, 2026

Copy link
Copy Markdown
Contributor

Changes:

  • Focus area items now show an icon (from the existing /images/icons/sprite.svg) next to each title
  • Desktop dropdown is now a 3-column grid, fixed-centered on the page, with a subtle border + rounded corners
  • Descriptions wrap fully and align with the title text
  • Mobile menu also shows icons next to each focus area

- Add focus area icons to each item using the existing sprite (/images/icons/sprite.svg)
- Use Lucide LayoutGrid for 'All Focus Areas'
- Restyle desktop dropdown: 3-column grid, wider panel, fixed centered on page
- Add subtle border + rounded corners to the dropdown panel
- Align descriptions with title text (not icon)
- Add icons to the mobile menu Focus Areas list
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.

1 participant