[2.0.0-beta2] UX: slots containers, wording length, source selectors

Created on 15 July 2024, 12 months ago
Updated 15 September 2024, 10 months ago

Big UX improvements are expected for beta2, but lets' fix the obvious stuff now.

Merge all slots into a single container

Since alpha3, each slot has its own form container, so the title is duplicated.

Example (where Image, Tags & Title are slots):

For props, it make sense to wrap each one in a container, but not for slots, because they are already wrapped into field_multiple_value_form

Let's merge them back.

Reduce wording length

Because the form is sometimes opened in a sidebar (Layout Builder) or a popin.

From Field property: @property" to Field prop: @property"

From Add %source' to <span class=="visually-hidden">Add </span>%source'

What else?

Group & sort sources in selector

Sources selector is a mess, let's set some rules.

Proposal, ordered:

  1. the default source according to the prop type
  2. the "direct" (not using convert_from) sources related to the context, alphabetically ordered on the label
  3. the "direct" sources, when context agnostic, alphabetically ordered on the label
  4. a select group (which label ?), with:
    1. the sources guessed from convert_from related to the context, alphabetically ordered on the label
    2. the sources guessed from convert_from, when context agnostic, alphabetically ordered on the label
📌 Task
Status

Fixed

Version

2.0

Component

User interface

Created by

🇫🇷France pdureau Paris

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024