This is a sub-issue to 🌱 [META] Add editable responsive layouts to Drupal core Postponed
Drupal themes are limited to mostly one specific layout, so site builders opted to use more flexible solutions like Panels that allows people to switch between different layouts for different pages / locations. We have added layouts under 🌱 [META] Decouple layouts from themes Active to core, which will allow for the selection of layouts, but it is still not possible for site builders to edit layouts on the fly.
Also, today's various output devices require websites to be available with responsive layouts, where a page layout is not fixed to one configuration, but instead depend on how the content should be presented on different devices.
Drupal core already has breakpoints and grids to offer guides are proposed in #1816650: Add swappable (dynamic) grid systems to core → . Finally, a dynamic set of regions are proposed in #1813910: Add region module to Drupal core (for editable responsive layouts) → . These combined with a user interface to map regions to grids on different breakpoints and exposing those as layouts for the existing layout system provides full flexibility to site builders to create their own layouts.
- Introduce a responsive layout plugin
- Define grids and breakpoints to be used for these layouts (neither module has UIs to make this editable yet)
- Define a default layout to be cloned and edited
There are clearly lots of cleanup tasks and opportunities for this patch. Javascript needs to be cleaned up, more support for non-equal-column grids, em based breakpoints. Tests need to be added, and so on and on.
Needs work
11.0 🔥
other
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
With all the CSS improvements over the years, this is probably unnecessary these days
Agreed. Experience Builder already has previews in multiple viewports and the design system used should support this there.