Skip to content

[TreeView] Design tree navigation for mobile users #3812

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.

Sign up for GitHub

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

Jump to bottom
Closed
imnasnainaec opened this issue May 22, 2025 · 0 comments · Fixed by #3816
Closed

[TreeView] Design tree navigation for mobile users #3812

imnasnainaec opened this issue May 22, 2025 · 0 comments · Fixed by #3816
Assignees
@imnasnainaec
Labels
component: TreeView enhancement New feature or request frontend Needs UX Design

Comments

@imnasnainaec
Copy link
Collaborator

imnasnainaec commented May 22, 2025 •
edited
Loading

We chose to remove the tree for xs-width (<600 px), since those doing RWC will know the domain id and can just type that. However

  • Users doing other forms of word collection should still be able to navigate the tree
  • On sm-width (<900 px), domains with 9 subdomains can still overflow the screen

We need a design that works on narrow windows (300 - 900 px).

Idea from discussion with James Post: Put children in a grid with 3 or 4 columns.

Also consider: breadcrumbs at the top.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@imnasnainaec imnasnainaec

Labels
component: TreeView enhancement New feature or request frontend Needs UX Design
Projects
None yet
Milestone
No milestone
1 participant
@imnasnainaec