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

Created on 15 July 2024, about 2 months ago
Updated 17 August 2024, 21 days 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

Active

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

Comments & Activities

Production build 0.71.5 2024