-
Notifications
You must be signed in to change notification settings - Fork 4.8k
DataViews: elements appear oversized on mobile #71562
Copy link
Copy link
Open
Labels
Mobile WebViewport sizes for mobile and tablet devicesViewport sizes for mobile and tablet devicesNeeds Design FeedbackNeeds general design feedback.Needs general design feedback.[Feature] DataViewsWork surrounding upgrading and evolving views in the site editor and beyondWork surrounding upgrading and evolving views in the site editor and beyond[Package] DataViews/packages/dataviews/packages/dataviews[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Metadata
Metadata
Assignees
Labels
Mobile WebViewport sizes for mobile and tablet devicesViewport sizes for mobile and tablet devicesNeeds Design FeedbackNeeds general design feedback.Needs general design feedback.[Feature] DataViewsWork surrounding upgrading and evolving views in the site editor and beyondWork surrounding upgrading and evolving views in the site editor and beyond[Package] DataViews/packages/dataviews/packages/dataviews[Type] EnhancementA suggestion for improvement.A suggestion for improvement.
Type
Fields
Give feedbackNo fields configured for issues without a type.
Description
On mobile, certain UI elements within the
DataViewscomponent appear disproportionately large, making the layout look unbalanced and less polished.Examples of oversized elements:
This seems to be the default styling of the
DataViewscomponent, 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

Pagination selector

Appearance options
