code-for-chapel-hill / NC-COVID-Support

Community support site, supporting COVID-19 business opening hours, Food Banks, School Meals, Farms and Social Services.
https://nccovidsupport.org
GNU General Public License v3.0
16 stars 39 forks source link

Improve the usability of the "show my location" icon. #248

Closed readingdancer closed 4 years ago

readingdancer commented 4 years ago

Description of the new feature

Currently the "show my location" icon looks like this:

Current Show My Location Icon

TWO sets of CSS to enable us to view this in different formats

First Version

At the moment this is the version that will be used, we would like the icon to be more prominent and touch friendly, so would like it to look like this:

Your Location 1

( It's like this on Google and Apple maps, so people will be familiar with it. )

Second Version

We would like a second CSS class created that will allow us to easily switch to a different layout that looks like the following:

Your Location 2

Please note that the text must be normal HTML text as it will be translated.

Write here as detailed as possible description about how this new feature should work

This must be implemented purely in CSS and use the Font Awesome Icon that we are currently using, we might change to a cross hair in the future, but this does not exist in the current free set of icons.

aliciawu-dev commented 4 years ago

i can try making this