Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Redesign Members page tabbing system #126

Open
dkpat12 opened this issue Apr 10, 2023 · 2 comments
Open

Redesign Members page tabbing system #126

dkpat12 opened this issue Apr 10, 2023 · 2 comments

Comments

@dkpat12
Copy link
Contributor

dkpat12 commented Apr 10, 2023

Currently the Members page uses a series of tabs for the different language members of NIWA. Unfortuantely the current design of these tabs makes them quite long and doesn't easily allow for future expansion into other languages without breaking the design on desktop.

Additionally though, the current design actually breaks on mobile devices, with the third tab overflowing below the first two.
image

A solution for this needs to be implemented.

@Lakelimbo
Copy link
Contributor

I see two possible solutions:

  1. make the tables always horizontal, so they should get overflow-x, kinda like the GH tabs here. Easiest one, but depending on how you look at it, it may be less intuitive for users
  2. transform the tabs into a dropdown when the screen is small. More intuitive (and future-proof I'd say), but it adds some JS that might be seen as unnecessary for such a small part of the UI.

@Elaeagnifolia
Copy link
Collaborator

Another approach might be to display all the members on one page and converting the current tabs to be language filters that show/hide the specific language Wikis based on your selection.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants