Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Canvass UX Map contrast and new icons #2565

Open
wants to merge 10 commits into
base: main
Choose a base branch
from

Conversation

rebecarubio
Copy link
Contributor

@rebecarubio rebecarubio commented Feb 18, 2025

Description

This PR improves the visualization of the Canvasser map, adding more contrast to the relevant areas for the canvassers and fading the rest of the map. It also implements a new design for the Markers that represent the locations in the map and adds an informative legend explaining the meaning behind the new marker colors.

Screenshots

image

image

Changes

  • Implements a new design for markerIcon pins
  • Adds new utility function getVisitsPercentage() to get the visit numbers for the markerIcon pins.
  • Adds a legend in the ContractedHeader subtitle to inform about the markerIcon colors
  • Adds ReactNode as a valid type for the subtitle in PaseBaseHeader component
  • Change old Progress pin in Organizer Map for the new markerIcon pins
  • Change old "location-progress.svg" file for the new one.
  • Adds a new Polygon from leaflet component to fade out the map and highlight relevant areas.
  • Adds a Pane component to implement the mix-blend-mode: color-burn style

Notes to reviewer

None

Related issues

None

@rebecarubio rebecarubio changed the title WIP Undocumented/map contrast Canvass UX Map contrast and new icons Feb 20, 2025
@rebecarubio rebecarubio marked this pull request as ready for review February 20, 2025 15:29
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.

1 participant