Skip to content

Forms: modernize use of global style controls #41120

Open
0 of 1 issue completed
Open
Enhancement
0 of 1 issue completed
@simison

Description

@simison

Sidebar for each field is quite busy, and we're missing some basic styling controls. Let's update each field to rely on declared block support for global styles and expand on options.

Image

Note spacing issue bug visible in the screenshot.

Button block is better example:

Image

List of design tools missing at form level:

  • Alignments: left/right/center (supports.align)
  • Buttons styling at form level (supports.color.button)
  • Spacing: block gap (supports.layout)
  • Layout controls? (supports.layout)
  • Typography controls at form level vs fields; consider if needed. (supports.typography)

Text fields

Note form elements missing in theme.json

  • Missing:
    • Placeholder color
    • Shadows
    • Padding/margin
  • Exists but not via supports:

Sub-issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Block] Contact FormForm block (also see Contact Form label)[Feature] Forms BlocksBlocks designed to streamline user input and engagement, such as contact, newsletter sign-ups, etc.[Package] Forms[Pri] Normal[Type] EnhancementChanges to an existing feature — removing, adding, or changing parts of it

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions