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

App Button/Nav Header Button updates #764

Closed
2 tasks done
LibbyUX opened this issue Oct 4, 2024 · 0 comments
Closed
2 tasks done

App Button/Nav Header Button updates #764

LibbyUX opened this issue Oct 4, 2024 · 0 comments
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
Milestone
Develop: Storyboo...

Comments

@LibbyUX
Copy link
Contributor

LibbyUX commented Oct 4, 2024 •
edited by edlu77
Loading

image

Ready for dev

I updated our app buttons to be versatile and responsive for all products. The new design compacts a LOT in less pixels for nav headers on mobile devices.

Resources

Design System Repo: Associated Components

Design changelog

  • Submitted atom for dev: Product Logos #675
  • Added/submitted atom for dev: Software status indicator Software status indicator #763
  • Added atom/behavior: Navcat button + open sidenav functionality
  • Added behavior: Max width to contain product titles in the new nav headers

Dev to do

  • Update the name of AppButtonComponent in Storybook to Nav Header Buttons, if possible
  • Build this molecule using design system component atoms: Brandmark, product logo, navcat button, software status indicator
@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 4, 2024
@LibbyUX LibbyUX added this to the Develop: HRA-DS Storybook milestone Oct 4, 2024
@LibbyUX LibbyUX mentioned this issue Oct 4, 2024
Closed
@LibbyUX LibbyUX changed the title App Button/Navheader Button updates App Button/Nav Header Button updates Oct 4, 2024
@LibbyUX LibbyUX mentioned this issue Oct 4, 2024
Closed
@edlu77 edlu77 self-assigned this Oct 10, 2024
@edlu77 edlu77 mentioned this issue Oct 11, 2024
Merged
@edlu77 edlu77 added app: cde-ui Cell Distance Explorer and removed app: cde-ui Cell Distance Explorer labels Oct 22, 2024
@LibbyUX LibbyUX closed this as completed Nov 15, 2024
@LibbyUX LibbyUX mentioned this issue Jan 17, 2025
Open
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
Projects
None yet
Milestone
Develop: Storybook Design System
Development

No branches or pull requests
2 participants
@edlu77 @LibbyUX