Block/array field settings in handle/title bar

[bratvanov]

With complex layout builders, it's important to keep key content and data fields visible while reducing visual clutter from secondary styling fields, which is especially valuable in nested block or array fields.

I propose a new admin.settings.fields option for container-style fields with handle or title bars – block, array, and collapsible. This option would accept an array of field definitions, rendered in a modal triggered by a settings icon in the handle or title bar, similar to how inline rich text blocks are edited.

This keeps the primary interface clean and focused, while still offering access to advanced configuration when needed.

Example Use Case

Imagine a layout with various blocks like content, image, video, and form. Each has one or two primary fields – for example, a Rich Text field in a content block, or an Upload field in image and video blocks.

In addition, each block may include secondary styling fields like width, height, align, justify, margin, padding, and theme. These often default to sensible values and don't need to be edited frequently. Displaying them by default clutters the UI unnecessarily.

While a tabs field can separate primary and secondary fields, tabs still add bulk (especially when you have nested blocks into blocks, multiple tabs fields will be showing at once). A settings icon in the handle bar offers a more compact solution, and editing in a modal improves focus by isolating the settings from surrounding content.