This issue the result of conversations at the Drupaldelphia2019 Layout BoF session.
Problem/Motivation
With long content being previewed in the layout manager, it becomes difficult to navigate/drag/rearrange the layout elements, and with the preview content off, it can be hard to know what a field actually looks like.
Add an option to show abridged/shortened views of the content, so the user gets a sense of the content, without it making the interface unusable.
Proposed resolution
Add a UI element (checkbox or dropdown) to enable the abridged/shortened preview of the content, effecting a CSS change like
.layout__region--content {
max-height: 200px;
overflow: hidden;
text-overflow: ellipsis;
/* whatever else we need to gradient-fade out the bottom of the div if overflowed */
}
This would change the display from:
to this:
Remaining tasks
- Add UI element to activate shortened preview
- Add CSS/JS to effect the change in the display
User interface changes
- Add the checkbox or dropdown (to combine with option to show no preview and just block names)
- You could add multiple height options or make it configurable (eg: Show Small/Med/Large/Full preview of content)
API changes
None
Data model changes
None, unless you want to remember the preview state, per layout or site
Release notes snippet
Provide abridged/shortened layout preview mode