-
Notifications
You must be signed in to change notification settings - Fork 4.5k
Description
There are a couple of places where Patterns and/or Template Parts appear in modals, specifically the Pattern Explorer and the Template Part replacement flow.
Edit: Now also when creating pages, and working with empty Query blocks.
Pattern Explorer
Template Part replacement
As we apply this UX across different flows throughout the editor, there are a couple of issues we might consider addressing sooner rather than later.
Sizing
Patterns and Template Parts can often be large, so it's probably worthwhile mimicking the sizing from the Pattern Explorer in other instances. We may even want to revisit the full screen modal component concept in order to make the maximum use of space: #28574.
Consistent sizing will help make the overall UX feel more familiar and robust.
View options
Patterns come in all shapes and sizes so a strict layout for displaying them doesn't always work so well, even with a larger modal. As an example, the three column layout in the Pattern Explorer works well for the "Pages" pattern category, but less well for "Footers".
Pages | Footers |
---|---|
One option would be to employ a zoom scale so that folks can adjust the display based on the types of patterns they're browsing. Similar to apps like Apple Photos:
zoom.mp4
Todo:
- Make all pattern/template part modals the same dimensions
- Add display options to pattern/template part modals
- Make pattern/template part modals searchable Template Part replacement modal – make results searchable #40791