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

Menu aesthetic & organization updates #781

Open
LibbyUX opened this issue Oct 16, 2024 · 0 comments · Fixed by #793
Open

Menu aesthetic & organization updates #781

LibbyUX opened this issue Oct 16, 2024 · 0 comments · Fixed by #793
Assignees
@edlu77
Labels
app: design system storybook HRA Design System Storybook for global consistency across HRA products atomic design: molecule A set of component atoms that make a larger component ⚙️ hra-ds: update ✨ An update to an already existing component in the HRA Design System Storybook update: cosmetics 💄 Cosmetic UI updates
Milestone
Develop: Storyboo...

Comments

@LibbyUX
Copy link
Contributor

LibbyUX commented Oct 16, 2024

image

I have updated our menu buttons and menus to be more consistent:

Menus

  • All text (buttons or tooltips) is always 201E3D, Secondary Blue S-40 (Primary Blue)
  • All backgrounds are always FCFCFC, Surface Container Low N-96 (Gray 3)
  • Remove small and large variations. Only one size needed: Medium.

Menu Button States

  • Design System Repo
  • Removed focus and focus visible, consolidated into one focused state
  • Renamed states to be more consistent with Material 3's state organization.
  • Added a selected state.

Resources
@LibbyUX LibbyUX added app: design system storybook HRA Design System Storybook for global consistency across HRA products atomic design: molecule A set of component atoms that make a larger component ⚙️ hra-ds: update ✨ An update to an already existing component in the HRA Design System Storybook labels Oct 16, 2024
@LibbyUX LibbyUX added this to the Develop: HRA-DS Storybook milestone Oct 16, 2024
@LibbyUX LibbyUX added the update: cosmetics 💄 Cosmetic UI updates label Oct 16, 2024
@LibbyUX LibbyUX changed the title Menu aesthetic update Menu aesthetic & organization updates Oct 16, 2024
This was referenced Oct 17, 2024
Closed
Closed
@edlu77 edlu77 added app: cde-ui Cell Distance Explorer and removed app: cde-ui Cell Distance Explorer labels Oct 22, 2024
@edlu77 edlu77 self-assigned this Oct 25, 2024
@edlu77 edlu77 mentioned this issue Oct 25, 2024
Merged
@LibbyUX LibbyUX linked a pull request Oct 29, 2024 that will close this issue
Design system menu updates #793
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@edlu77 edlu77

Labels
app: design system storybook HRA Design System Storybook for global consistency across HRA products atomic design: molecule A set of component atoms that make a larger component ⚙️ hra-ds: update ✨ An update to an already existing component in the HRA Design System Storybook update: cosmetics 💄 Cosmetic UI updates
Projects
None yet
Milestone
Develop: Storybook Design System
Development

Successfully merging a pull request may close this issue.

Design system menu updates hubmapconsortium/hra-ui
2 participants
@edlu77 @LibbyUX