Fixes #9: Add key takeaways on chart hover
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
-
- Desktop/laptop