Skip to content

NameValueList and NameValuePair don't handle size xsmall from hpe theme #6944

@MikeKingdom

Description

@MikeKingdom

With the hpe theme, when a window containing a NameValueList is made smaller, at the small breakpoint it changes to a column layout. But when you get to size xsmall it switches back to the row layout.

Size checks for small are hardcoded in NameValuePair. They should be in the theme really or at least include xsmall.

Expected Behavior

NameValueList should switch to column layout at size xsmall

Actual Behavior

NameValueList should reverts to row layout at size xsmall

URL, screen shot, or Codepen exhibiting the issue

Medium:
image

Small:
image

Xsmall:
image

Steps to Reproduce

Your Environment

  • Grommet version: 2.33.1
  • Browser Name and version:
  • Operating System and version (desktop or mobile):

Metadata

Metadata

Assignees

Labels

bugissue that does not match design or documentation and requires code changes to address

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions