Skip to content

Data views: Grid layout refinements #55733

@jameskoster

Description

@jameskoster

Here's a first pass at some enhancements we can make to the Grid layout.

Grid

  1. Grid Gallery: feels like a more appropriate name for the most visual layout. Particularly on mobile where single-column is a likely occurrence.
  2. View button icon switches to image when Gallery layout is selected
  3. Range slider to adjust the number of columns with (potential) min/max values: 2-4
  4. Shift or CMD + click to select (checkboxes are visually hidden). It seems okay to de-emphasise bulk actions a bit in this layout.
  5. Actions toolbar appears on hover / focus
  6. Fields appear with label (matches column header from table view) according to view options
  7. Clicking a card sends you to edit view

cc @WordPress/gutenberg-design for feedback.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs Design FeedbackNeeds general design feedback.[Feature] DataViewsWork surrounding upgrading and evolving views in the site editor and beyond[Type] EnhancementA suggestion for improvement.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions