Background/Goal
The size, spacing, and text styles of the MenuItem component should be adjusted when the component is displayed in a mobile web context. All in order to keep it consistent within its environment, and provide optimal usability.
This Figma frame contains the responsive design specifications for this component. |
User stories
As a user, I need to be able to interact with a fully usable, responsive version of the dropdownMenu and its items on mobile.
Considerations
The current design specs (particularly font-size, line-height, paddings) might need to be adjusted as an outcome of T302889: Define the design system's approach to responsiveness.
Development considerations
TBD
Acceptance criteria (or Done)
- The visual properties of the responsive version of the MenuItem component are fully specified