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.

Sign up for GitHub

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

Jump to bottom

Refresh: nav tweaks #15564

Closed
stephaniehobson opened this issue Nov 25, 2024 · 2 comments
Closed

Refresh: nav tweaks #15564

stephaniehobson opened this issue Nov 25, 2024 · 2 comments
Assignees
@craigcook
Labels
Refresh 🦖 Work related to the 2024 site refresh

Comments

@stephaniehobson
Copy link
Contributor

  • On wide screens the menus end up far away from other content - restrict the width of the drop down to grid(8) on $mq-lg
  • Remove underline on links and only display it when they are hovered
    • Underline should stay visible on menu item when its menu is open
  • Add a transition to the arrow on the "all products" link like the one on on the launchpad arrows
@stephaniehobson stephaniehobson converted this from a draft issue Nov 25, 2024
@stephaniehobson stephaniehobson added the Refresh 🦖 Work related to the 2024 site refresh label Nov 25, 2024
@craigcook
Copy link
Member

  • Update "close" button styling. Not sure we got a design for it, but maybe we can just match what's in the pencil banner.

@craigcook craigcook self-assigned this Dec 2, 2024
@craigcook craigcook moved this from Dev Ready to In Progress in Moz.org Refresh Dec 2, 2024
@craigcook
Copy link
Member

image

The title spacing/positioning is wonky on mobile, and we should use the filled arrow.

craigcook added a commit to craigcook/bedrock that referenced this issue Dec 2, 2024
@craigcook
Refresh: nav tweaks [fix mozilla#15564]
699943c 
* Change Mozilla AI to Mozilla.ai [fix mozilla#15606]
* Add Relay to products list [fix mozilla#15586]
* Update close button style
* Constrain dropdown width
* Add transition to all category link arrow
* Remove underlines from links (hover only)
* Fix mobile category titles
* Use small icons
* RTL fixes
@craigcook craigcook mentioned this issue Dec 2, 2024
Merged
craigcook added a commit to craigcook/bedrock that referenced this issue Dec 2, 2024
@craigcook
Refresh: nav tweaks [fix mozilla#15564]
8e1eee3 
* Change Mozilla AI to Mozilla.ai [fix mozilla#15606]
* Add Relay to products list [fix mozilla#15586]
* Update close button style
* Constrain dropdown width
* Add transition to all category link arrow
* Remove underlines from links (hover only)
* Fix mobile category titles
* Use small icons
* RTL fixes
@stephaniehobson stephaniehobson moved this from In Progress to Done in Moz.org Refresh Dec 3, 2024
stephaniehobson pushed a commit that referenced this issue Dec 3, 2024
@craigcook @stephaniehobson
Refresh: nav tweaks [fix #15564]
7f9ab81 
* Change Mozilla AI to Mozilla.ai [fix #15606]
* Add Relay to products list [fix #15586]
* Update close button style
* Constrain dropdown width
* Add transition to all category link arrow
* Remove underlines from links (hover only)
* Fix mobile category titles
* Use small icons
* RTL fixes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@craigcook craigcook

Labels
Refresh 🦖 Work related to the 2024 site refresh
Projects
Moz.org Refresh
Archived in project
Milestone
No milestone
Development

No branches or pull requests
2 participants
@craigcook @stephaniehobson