phlask / phlask-map

Code behind the Phlask Web Map

Home Page:https://beta.phlask.me

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

An X that closes the "Resources" modal

freelyPheobe opened this issue · comments

Is your feature request related to a problem? Please describe.
The filter menu should have an X in the top right to close the modal.
image
The X should be in the same spot as the image below.
image
https://www.figma.com/file/VGGqwl3Eq3GQIAO9I6LoNW/PHLASK?type=design&node-id=8303-153127&mode=design&t=h61Sy2LRyEsVEiMl-0

Describe the solution you'd like
An X that closes the Resources modal

Describe alternatives you've considered
n/a

Additional context

A close icon button in the filter when the resources button is clicked. Pls review!

Image

@JosephAni This issue is intended to add closing behavior to the resource menu, and there does not appear to be an X in the figma design for the resource menu. After discussing this with the designers, we would like the resource menu to close when a user clicks outside of the modal. So, if a user clicks anywhere on the map, then the resource modal should close.
image

A custom hook that handles clicks outside the resources modal.

I am reopening this until PR #427 is merged.