Skip to content

DataViews: elements appear oversized on mobile #71562

@keoshi

Description

@keoshi

Description

On mobile, certain UI elements within the DataViews component appear disproportionately large, making the layout look unbalanced and less polished.

Examples of oversized elements:

  • Search input placeholder
  • Pagination selector
  • Appearance options

This seems to be the default styling of the DataViews component, but it negatively impacts the mobile experience.

Expected behaviour

All elements should scale proportionally on mobile, maintaining visual balance and polish.

Actual behaviour

On mobile, the text in the elements mentioned above appear larger than expected.

Screenshots or screen recording (optional)

Search placeholder
Image

Pagination selector
Image

Appearance options
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Mobile WebViewport sizes for mobile and tablet devicesNeeds Design FeedbackNeeds general design feedback.[Feature] DataViewsWork surrounding upgrading and evolving views in the site editor and beyond[Package] DataViews/packages/dataviews[Type] EnhancementA suggestion for improvement.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions