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.

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

Cosmetic oddities in Dashboard/CDE sites #952

Open
1 of 3 tasks
LibbyUX opened this issue Feb 3, 2025 · 1 comment · May be fixed by #967
Open
1 of 3 tasks

Cosmetic oddities in Dashboard/CDE sites #952

LibbyUX opened this issue Feb 3, 2025 · 1 comment · May be fixed by #967
Assignees
Labels
app: dashboards HRA Dashboards bug 🐛 Something isn't working high priority A priority stakeholder request update: cosmetics 💄 Cosmetic UI updates

Comments

@LibbyUX
Copy link
Contributor

LibbyUX commented Feb 3, 2025

Hi team,

I was browsing https://apps.humanatlas.io/dashboard/ and https://apps.humanatlas.io/cde/ on Google Chrome today and I noticed some cosmetic inconsistencies with components in our design system:

  • Nav Header on dashboard: I am seeing Nunito Sans in the Dashboard navigation header for the individual Dashboard labels. Please use the basic button primary variant or the text hyperlink in Metropolis 14px. This component will soon be deprecated by the new global navigation header, so please just do whatever is easiest to use Metropolis as the font in this navigation structure.
  • CTA Button on dashboard: I noticed that the CTA button is not showing on the individual Dashboards pages. A secondary button with Nunito Sans (not a pattern in our Design System) is currently showing.
  • Footer for both dashboard & cde: The funders in the footer are currently not ordered as specified. Additionally, each funder icon needs to be the same size, so the text aligns nicely. Each funder box is also the same size, so they are visually consistent in our design system footer. I'm not sure if this is a bug or a cosmetic accident, so I wanted to make sure we were tracking!

Please let me know if I can assist in any way here! Thank you so much!

Figma: HRA Components

Dashboards 2.3.2025

Image

Image

Design System Footer

  • Last edit on 1.21.2025

Image

@LibbyUX LibbyUX added app: dashboards HRA Dashboards bug 🐛 Something isn't working update: cosmetics 💄 Cosmetic UI updates labels Feb 3, 2025
@LibbyUX LibbyUX changed the title Cosmetic oddities in Dashboard site Cosmetic oddities in Dashboard/CDE sites Feb 3, 2025
@LibbyUX LibbyUX added the high priority A priority stakeholder request label Feb 3, 2025
@LibbyUX LibbyUX pinned this issue Feb 3, 2025
@LibbyUX LibbyUX removed the high priority A priority stakeholder request label Feb 5, 2025
@LibbyUX LibbyUX unpinned this issue Feb 5, 2025
@bherr2 bherr2 added the high priority A priority stakeholder request label Feb 5, 2025
@axdanbol axdanbol self-assigned this Feb 20, 2025
@axdanbol
Copy link
Contributor

I've also noticed the menu does not work for small screens. I will investigate this

@axdanbol axdanbol linked a pull request Feb 20, 2025 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
app: dashboards HRA Dashboards bug 🐛 Something isn't working high priority A priority stakeholder request update: cosmetics 💄 Cosmetic UI updates
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants