-
Notifications
You must be signed in to change notification settings - Fork 4.5k
Closed
Labels
Needs DecisionNeeds a decision to be actionable or relevantNeeds a decision to be actionable or relevant[Feature] LayoutLayout block support, its UI controls, and style output.Layout block support, its UI controls, and style output.[Type] OverviewComprehensive, high level view of an area of focus often with multiple tracking issuesComprehensive, high level view of an area of focus often with multiple tracking issues
Description
The Problem
Currently, Gutenberg does not include a visual grid for those site/page builders who wish to align their layouts perfectly. Our system for resizing items is arbitrary and imperfect.
A grid system can help resolve this.
Grid System
With the excitement around snapping images to a grid which was demoed at WCEU 2019 in Matt's keynote, let's get this conversation started.
Questions
I'm trying to get all the questions up front. If there are others, please comment with them.
- Should the grid system be responsive?
- Should there be a default Gutenberg grid system, but allow themes to register their own?
- Should the grid system conform to the current structure of Gutenberg blocks, or should it be its own thing that we need to restructure the blocks to in the editor?
- Should the grid include gutters?
- Should the grid include, or allow, any vertical alignment snaps?
- What should the grid be based on? (ie. 12 columns, pixel grid, etc.)
- Should the grid allow toggling on/off? And also include a setting to show, or not, when resizing objects in the editor?
While many of these questions can be worked out in individual PRs as we begin working a grid into the editor, I'd like to begin discussions here for now. Maybe we can work on an MVP, or version 1 for now to get into the plugin for testing.
iamthomasbishop, skorasaurus, paaljoachim, paulwilde, truchot and 19 more
Metadata
Metadata
Assignees
Labels
Needs DecisionNeeds a decision to be actionable or relevantNeeds a decision to be actionable or relevant[Feature] LayoutLayout block support, its UI controls, and style output.Layout block support, its UI controls, and style output.[Type] OverviewComprehensive, high level view of an area of focus often with multiple tracking issuesComprehensive, high level view of an area of focus often with multiple tracking issues