Display breadcrumb expanded when clicked
Proposal
The change in the interaction is that when the user clicks ...
to "show parent subgroups" instead of popover menu the breadcrumb displays each subgroup inline as a long breadcrumb. When the breadcrumb is fully expanded it could wrap multiple lines if necessary.
Hover state | Current | Proposal |
---|---|---|
Default behaviour is still to have the breadcrumb truncated as described in Pajamas https://design.gitlab.com/components/breadcrumb#truncation
The breadcrumb should use the following rules to truncate items:
- Use an ellipsis button to hide groups when there are three or more subgroups in the path.
- Use an ellipsis button to hide all Wiki page breadcrumb items except the current page.
- The top-level group and the subgroup closest to the project are never collapsed.
- All breadcrumb items except the last one are truncated to 128px if there isn’t enough horizontal space to fit them on one line.
This behaviour will make viewing of parent groups easier https://gitlab.com/gitlab-com/account-management/eastern-north-america/nec-corporation/-/issues/48
Examples of this pattern in websites and applications
Edited by Michael Le