Skip to content

Small design inconsistencies with true/false field #718

@Humanify-nl

Description

@Humanify-nl

I have found a few issues in the interface. This is with ACF 6 blocks on a default WP 6.0.2 theme.json based FSE theme.

  1. True/false field in the edit-post-sidebar has incorrect border when selected. The radius overlaps with the button borders.

acf-truefalse-bug

IMHO the select field focus is properly 'signalled' to the user by its color switching. I corrected this with:

.acf-field-true-false {
	.acf-true-false:focus-within {
		border: 1px solid transparent;
	}
}
  1. The same field has some issues when opening the block settings.

acf-truefalse-bug-block

The above code helps with removing the border on the element. But there still is a flicker of the outside box, which looks quite wrong to the user. I haven't been able to fix it yet (will update).

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions