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

HuBMAP sidenav updates #766

Closed
LibbyUX opened this issue Oct 4, 2024 · 1 comment
Closed

HuBMAP sidenav updates #766

LibbyUX opened this issue Oct 4, 2024 · 1 comment
Assignees
@edlu77
Labels
app: design system storybook HRA Design System Storybook for global consistency across HRA products ⚙️ hra-ds: update ✨ An update to an already existing component in the HRA Design System Storybook update: cosmetics 💄 Cosmetic UI updates
Milestone
Develop: HRA-DS S...

Comments

@LibbyUX
Copy link
Contributor

LibbyUX commented Oct 4, 2024 •
edited
Loading

Updates

This sidenav been updated to be more consistent with the nav header style:

  • Background fill color updated
  • Sidenav apps buttons: State fill colors updated
  • Dividers added to section categories
  • Font sizes/colors updated
  • Scrollbar locked to right side
  • In Figma (not necessarily needed in Storybook):
    • Sidenav apps buttons: Text string variables added for Product Titles and Product Descriptions to reduce number of Figma components needed
    • Partner logos added
    • Added to Sidenav variant
      • Scaling note: All sidenavs will live in this component to design consistently moving forward

Please reach out if you have questions!

Resources

image

image
@LibbyUX LibbyUX added app: design system storybook HRA Design System Storybook for global consistency across HRA products update: cosmetics 💄 Cosmetic UI updates ⚙️ 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
@edlu77 edlu77 self-assigned this Oct 17, 2024
@LibbyUX LibbyUX mentioned this issue Oct 17, 2024
Closed
@edlu77 edlu77 mentioned this issue Oct 22, 2024
Merged
@edlu77 edlu77 added app: cde-ui Cell Distance Explorer and removed app: cde-ui Cell Distance Explorer labels Oct 22, 2024
@LibbyUX
Copy link
Contributor Author

LibbyUX commented Nov 15, 2024

Superseded by #812 - One component for all UIs!

@LibbyUX LibbyUX closed this as completed Nov 15, 2024
@LibbyUX LibbyUX mentioned this issue Nov 19, 2024
Closed
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 ⚙️ 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: HRA-DS Storybook
Development

No branches or pull requests
2 participants
@edlu77 @LibbyUX