mapcomm / common-ground_map

An enhanced leaflet map made for re-use (highly commented, built openly) used to show community groups and find "common ground"
http://mapping.community
1 stars 3 forks source link

UX: Improve functionality of layer select/de-select buttons #27

Open kidwellj opened 7 years ago

kidwellj commented 7 years ago

Buttons should change their display to indicate somehow whether a layer is on or off. Can we add opacity when layer is turned off? We also need to alter colours to match colorbrewer selections for points, and add a title indicating to users that these buttons function as a "Legend" for the map.

danhillcode commented 7 years ago

so when selected the button will be bright and then when not selected it will be shaded is that correct?

kidwellj commented 7 years ago

Yeah, something like that. Here's an example of what I'm imagining:

lh_sidebar_example
danhillcode commented 7 years ago

I have changed the opacity so that when a layer is on it has opacity on as only one layer can be on at a time anyway. Added some more css around the css to make it more styled I like it with the border.

danhillcode commented 7 years ago

might be an error here just testing but hard to tell without points on map will check again.

kidwellj commented 7 years ago

That's (nearly) good for now - but need to reverse styling so that other buttons are off and active button is 100% black. Sorry - wasn't thinking about the fact that we can only select one set at a time originally.

danhillcode commented 7 years ago

No worries.