Skip to content

Namitha: Align legend position and spacing in ResourceUsage chart#5132

Open
Namitha7070 wants to merge 1 commit intodevelopmentfrom
fix/resource-usage-legend-alignment
Open

Namitha: Align legend position and spacing in ResourceUsage chart#5132
Namitha7070 wants to merge 1 commit intodevelopmentfrom
fix/resource-usage-legend-alignment

Conversation

@Namitha7070
Copy link
Copy Markdown
Contributor

Description

image image

Related PRS (if any):

Main changes explained:

  1. Capitalized labels— "returned" and "loaned" now show as "Returned" and "Loaned".
  2. Legend moved to the top — It now sits properly at the top-right of the chart instead of floating in the middle.
  3. Items moved closer together— Removed the excess space between "Returned" and "Loaned" to match the design.

How to test:

  1. check into current branch
  2. do npm install and ... to run this PR locally
  3. Clear site data/cache
  4. log as admin user
  5. go to dashboard→ /communityportal/reports/resourceusage
    (https://dev.highestgood.com/communityportal/reports/resourceusage)
  6. verify whether the "Returned" and "Loaned" are close to each other as per Figma.

Screenshots or videos of changes:

week.35.mp4
Screenshot 2026-04-10 102922

@netlify
Copy link
Copy Markdown

netlify bot commented Apr 10, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 96abdd4
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69d93b453bb7ec00072338c3
😎 Deploy Preview https://deploy-preview-5132--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant