diff --git a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx index 60a0e84ec9..06ba888d99 100644 --- a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx +++ b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx @@ -119,11 +119,39 @@ function DropOffTracking() { Event name - No-show rate - Drop-off rate - Get list + + + No-show rate + + ℹ️ + + + + + Drop-off rate + + ℹ️ + + + + + Get list + + ℹ️ + + + {filteredEvents.map(event => ( diff --git a/src/components/CommunityPortal/Reports/Participation/Participation.module.css b/src/components/CommunityPortal/Reports/Participation/Participation.module.css index 77f6c0857d..ee61994d8d 100644 --- a/src/components/CommunityPortal/Reports/Participation/Participation.module.css +++ b/src/components/CommunityPortal/Reports/Participation/Participation.module.css @@ -1060,4 +1060,25 @@ .insightsDark .insightsTab.activeTab { background-color: #007bff; color: #ffffff; +} + +/* ---------- Info Tooltip Icons ---------- */ +.infoIcon { + margin-left: 6px; + font-size: 0.85rem; + cursor: pointer; + color: #666; + vertical-align: middle; +} + +.infoIcon:hover { + color: #000; +} + +.trackingTableDark .infoIcon { + color: #cccccc; +} + +.trackingTableDark .infoIcon:hover { + color: #ffffff; } \ No newline at end of file