Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Contact form block radio buttons stretched on Assembler theme #8036

Closed
marissaexplores opened this issue Aug 23, 2024 · 1 comment
Closed

Comments

@marissaexplores
Copy link

Quick summary

The radio buttons in the contact form are stretched when using the Assembler theme.

contact-form-radios

Steps to reproduce

  1. Install and activate Assembler theme
  2. Add a contact form to any page.
  3. Add single-choice (radio) field to the form.
  4. Add a few options to the field.
  5. View on the frontend. The radio buttons are vertically stretched.

A clear and concise description of what you expected to happen.

The radio buttons should be a perfect circle.

What actually happened

They are vertically stretched because the input field's min-height is set to 42px.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

If the above answer is "Yes...", outline the workaround.

Using this CSS as a workaround:

input[type="radio"] {
	min-height: unset !important;
}

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

I have tested the radio buttons on other themes like Twenty Twenty-Four, Annalee, and Outland. The issue does not occur on those themes. So it seems to only be an issue when using the Assembler theme.

@mrfoxtalbot
Copy link

Thank you for reporting this @marissaexplores ;)
This is a duplicate of #7959
I will close it in favor of the older issue.

@mrfoxtalbot mrfoxtalbot closed this as not planned Won't fix, can't repro, duplicate, stale Aug 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

2 participants