TheDevPath
Style search feature for map view
Style scrollable list of input predictions for better user experience:
- [x] bold place name or search query
- [x] treat address as sub value and place under place name
- [ ] scrollable list should be hidden by default in primary map view; just search input available
On focus (user clicks on input box):
- [obsolete] hamburger icon (#179) should be replaced with a return icon which on click returns user to primary map view
- [ ] unhide / overlay scrollable list with default search history (cached search only if user isn't logged on) as options.
On input (user types a search query):
- [ ] scrollable list updates with predictions, include search history options that match current input along with result of input prediction
On submit (user hits enter or clicks on resulting options):
- [x] update map to location of selection and add marker at the location
@jkwening , I struggle with style. I think it would be better if we mark the last 2 as complete and let someone else take this task up who can do a better job with it.
How much preact do we need to know to work on this? I don't know any React, but would be interested in helping close some of these issues to help with the soft launch.
@jose8a we are using plain old vanilla css so the context might feel a little different but it's not so bad really, we would be stoked to have your help! At this point each component/route has it's own dedicated stylesheet held in the directory corresponding to that component and it's index.js file. Most items have at least a minimal amount of boiler plate set up that can be referenced to get a feel for the syntax of attaching id's and classes within the components jsx
great! I'm almost done setting up my system so that I can run the project in it's latest form. Thanks!