search

carbon-design-system / carbon

A design system built by IBM
https://www.carbondesignsystem.com
Apache License 2.0
7.81k stars 1.8k forks source link

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

Open arinclementibm opened 2 months ago

arinclementibm commented 2 months ago

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

github-actions[bot] commented 2 months ago

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.