Greater-London-Authority / ldn-viz-tools

https://greater-london-authority.github.io/ldn-viz-tools/
1 stars 0 forks source link

Add close indicator to tabbed sidebar #399

Open PaulioRandall opened 1 month ago

PaulioRandall commented 1 month ago

Is your feature request related to a problem? Please describe.

The tabbed sidebar provides no indication that it can be closed by clicking the active tab label. A mobile user thought it was fixed and that the Cool Spaces map was very small by design, i.e. the user didn't know you could close the sidebar.

Describe the solution you'd like

One or multiple solutions could be implemented together:

  1. The active tab icon could change to a close icon.
  2. A separate close button could be added as the last tab. On mobile this could be right aligned.
  3. How to use tooltip or modal when on first visit to the app.
jamesscottbrown commented 1 month ago

A separate close button could be added as the last tab. On mobile this could be right aligned.

Alternatively, rather than being added as en extra item in the list of tabs, a close icon could be added outside the sidebar, as was used in some of our older apps:

image

ChrisKnightLDN commented 1 month ago

Proposed solution: Add specific open/close tab