Skip to content

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

Description

@kidwellj

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.

Activity

  1. danhillcode commented on Sep 9, 2017

    @danhillcode
    Collaborator

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

  2. kidwellj commented on Sep 10, 2017

    @kidwellj
    MemberAuthor

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

  3. danhillcode commented on Sep 16, 2017

    @danhillcode
    Collaborator

    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.

  4. danhillcode commented on Sep 16, 2017

    @danhillcode
    Collaborator

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

  5. kidwellj commented on Sep 21, 2017

    @kidwellj
    MemberAuthor

    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.

  6. danhillcode commented on Sep 22, 2017

    @danhillcode
    Collaborator

    No worries.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions