[Feature request💡] : UI Shell-Global header icons and functions move to hamburger menu in small screen size

[arinclementibm]

The problem

Currently, if there is not enough space to display the nav items in a global header, those items move into a hamburger menu in small screen size. However, there is no guidance for when the global nav icons also don't fit in a small screen size, and their functionality needs to move to a hamburger menu.

The solution

We reviewed this in a Carbon Design office hours in April with a proposed solution.

Examples

Sharing the figma file here: https://www.figma.com/design/4dHKJgc0KvqtlFhipQCsud/MVP1-Accessible-Workplace---Carbon-team-feedback?node-id=7182-108058&t=BJAyIcyucVSoll2l-1

Application/PAL

Accessible Workplace

Business priority

High Priority = pressing release

Available extra resources

We have a designer who worked on the sketches and developer focused on this work.

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.