Skip to content

Field markup issues on edit User page #349

Description

@YanMetelitsa

Hi!

I found several issues related to the visual display of some fields on the user page.

  1. Post Object field stretches to the full width of the page, although all fields in this section have a maximum width of 25em. At the same time, the normal select is displayed correctly.
Image
  1. On the same user page in the mobile version, all fields do not correspond to the native design of standard fields.
Image
  1. When adding a Tab, it is heavily indented to the left. Overall okay, but in the mobile version it looks very strange.
Image

I used this quick fix for these issues. Maybe it will help.

body.user-edit-php {
	.form-table {
		.acf-hl.acf-tab-group {
			padding-left: 5px !important;
		}

		.acf-field {
			.acf-label {
				@include media.mobile {
					padding: 10px 0 0;
					margin: 0;
				}
			}

			.acf-input {
				@include media.mobile {
					padding: 4px 0 6px;
				}

				input {
					@include media.mobile {
						width: 100%;
    					max-width: 100% !important;
					}
				}

				.select2 {
					width: 100%;
					max-width: 25em;

					@include media.mobile {
						max-width: 100%;
					}
				}
			}
		}
	}
}

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Type] BugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions