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

Convert top navigation to multiple dropdown menus #221

Merged
merged 3 commits into from
Apr 10, 2024
Merged

Conversation

agjohnson
Copy link
Contributor

@agjohnson agjohnson commented Aug 10, 2023

Implements a "Product" and "Resources" dropdown navigation menu on desktop and mobile:

This expands our menus to include space for more links, and gives a place to start putting some links that have historically landed in our footer. Some of this content is missing, so the links are not optimized yet -- this is mostly working out structure.


📚 Documentation preview 📚: https://read-the-docs-website--221.com.readthedocs.build/

This is for:

- #176

But this is still just proof of concept level so far, the mobile menu is
a bit broken by this and the actual structure needs shaping up still.
This drops the concept of highlighting the navigation menu item on the
page slug, but adds two menus we can put content under to make content
discoverable.

This now works on desktop and mobile.
@agjohnson
Copy link
Contributor Author

I've tuned all of the layout up and put some extra links in the navigation dropdown as placeholders mostly. We can return to add individual pages for features next, and it probably makes sense to move some of the links we squirreled away in the footer into at least the desktop product menu instead.

The menus look like this on desktop:

Screencast.from.2024-04-03.12-01-17.webm

And this on mobile:

Screencast.from.2024-04-03.12-02-09.webm

@agjohnson agjohnson marked this pull request as ready for review April 3, 2024 19:03
@agjohnson agjohnson requested a review from a team as a code owner April 3, 2024 19:03
@agjohnson agjohnson requested a review from ericholscher April 3, 2024 19:03
@agjohnson agjohnson changed the title Add example navigation menu for dropdown product menu Convert top navigation to multiple dropdown menus Apr 4, 2024
I left the submenu option under product too, it looks nice there. The
size of the menu was reduced to match the beta dashboard, so elements
could fit.
@agjohnson agjohnson merged commit 0505238 into main Apr 10, 2024
4 checks passed
@agjohnson agjohnson deleted the agj/product-menu branch April 10, 2024 15:23
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.

Navigation: convert About navigation to a dropdown
2 participants