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

[TASK]: Style tweaks for navigation dropdown label and menu in top nav #811

Closed
jamiewaese-uncharted opened this issue Mar 8, 2023 · 0 comments
Closed

[TASK]: Style tweaks for navigation dropdown label and menu in top nav #811

jamiewaese-uncharted opened this issue Mar 8, 2023 · 0 comments
Assignees
@jamiewaese-uncharted
Labels
Front End/HMI task Development task

Comments

@jamiewaese-uncharted
Copy link
Contributor

A few small style updates for the navigation dropdown selector in the top nav:

CURRENT
image

PROPOSED

  1. Reduce font size to --font-body-small

image

  1. Make sure the dropdown chevron is vertically centered with the text

  2. Remove the border and add a background color (--surface-ground) to the hover state.

  3. When the menu is open, the chevron should change to pi-angle-up

This is the current:
image

This is what I propose:
image
@jamiewaese-uncharted jamiewaese-uncharted self-assigned this Mar 16, 2023
jamiewaese-uncharted added a commit that referenced this issue Mar 16, 2023
@jamiewaese-uncharted
improved navigation UX when you click on the Terarium logo
83fc7a9 
- addresses style notes in #811
- Clicking on the Terarium logo while on home page now opens the navigation dropdown menu
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jamiewaese-uncharted jamiewaese-uncharted

Labels
Front End/HMI task Development task
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@jamiewaese-uncharted