Skip to content

Fixes #9: Add key takeaways on chart hover

Maggie Jaenicke requested to merge MJ-9 into main

Description

Added a description prop to ChartGrid.js (just placeholder for now) which shows when the cards are hovered over.

Changes Made

The prop is passed into ChardGrid.vue via setting the property in ChartCard.vue, like the others.

How to Test

On MJ-9, run npm run dev, hover over the cards.

Additional Notes

Maybe test on mobile too? It seemed to work ok on my preview on Edge, but we may want to consider another option for mobile, like having titles or text visible above the cards, if it seems necessary.

Merge Request Checklists

  • Ensure that code changes adhere to best practices documented in README.md
  • Clean the code the way Vue likes it - run npm run lint --fix
  • Document which browsers the site has been tested on:
    • Desktop/laptop
      • Chrome
      • Safari
      • Edge
      • Firefox
    • Mobile device (preview via DevTools)
      • Chrome
      • Safari
      • Edge
      • Firefox

Merge request reports

Loading