Skip to content

Conversation

@KH07
Copy link
Contributor

@KH07 KH07 commented Jan 1, 2026

Description

Add clear metrics definitions using info icons in Activity Attendance Page

Related PRS (if any):

None

Main changes explained:

  • Delete ActivityAttendance.css
  • Create ActivityAttendance.module.css
  • Update ActivityAttendance.jsx for including a new "definition" field

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 /communityportal/ActivityAttendance
  6. verify when placing mouse over the info icon it displays the definition texts

Screenshots or videos of changes:

Friday - Info Icon Hover Effect

Note:

Dark mode support hasn't been added for this page.

@netlify
Copy link

netlify bot commented Jan 1, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit 50a1215
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/695e04681c1ad700097fe606
😎 Deploy Preview https://deploy-preview-4654--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

sonarqubecloud bot commented Jan 7, 2026

Copy link

@rohanrastogi311 rohanrastogi311 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Kristin,

Good implementation, however, I would like to request that the info icon is a button or a reduced hold time, I hovered over the icon for 3 seconds or so before information was shown, I nearly thought the feature wasn't functional.

PR 4654 Screenshot

Copy link

@Anusha-Gali Anusha-Gali left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi Kristin,

I have reviewed your PR locally and the info icon works as expected.
Screenshot 2026-01-09 at 2 13 29 AM
Screenshot 2026-01-09 at 2 13 35 AM
Screenshot 2026-01-09 at 2 13 38 AM
Screenshot 2026-01-09 at 2 13 42 AM
Screenshot 2026-01-09 at 2 13 52 AM
Screenshot 2026-01-09 at 2 13 55 AM
Screenshot 2026-01-09 at 2 13 59 AM
Screenshot 2026-01-09 at 2 14 02 AM

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.

4 participants