wevote / WebApp

We Vote's javascript (client-side) mobile website built with React/Flux. Twitter: @WeVote Apple Store: https://itunes.apple.com/us/app/we-vote-voter-guide/id1347335726 Android: https://play.google.com/store/apps/details?id=org.wevote.cordova&hl=en_US
94 stars 301 forks source link

[WV-691]Add 'More info' modal with Info icon and styling updates to C… #4150

Closed itcreativeusa closed 1 week ago

itcreativeusa commented 1 week ago

…hallengeInviteFriendsTopNavigation

  1. Integrated lazy-loaded PointsExplanationModal with conditional rendering in the ChallengeInviteFriendsTopNavigation component.

    1. Added 'More info' icon (InfoOutlined) with hover effect using DesignTokenColors for visual cues.
    2. Updated component styles, including theme font set to 'Poppins' for consistent tab and button typography.
    3. Enhanced layout with event handlers for icon hover and modal visibility toggle.

    'More info' modal with Info icon and styling updates to ChallengeInviteFriendsTopNavigation

DaleMcGrew commented 1 week ago

👍 Thank you @itcreativeusa!