Open retnonindya opened 1 month ago
The min-height
setting on all form fields except checkboxes and submit buttons is what appears to be causing this. I'm not sure why we wouldn't have made an exception for radio buttons as well 🤔
This CSS workaround should correct it:
/* correct radio button sizing | XXXXXX-zen tcrv */
.contact-form .grunion-field-wrap input.radio {
min-height: unset;
}
/* End | XXXXXX-zen tcrv */
Support References
This comment is automatically generated. Please do not edit it.
We have run into this on multiple DIFM Express builds using Assembler. I used this CSS:
input[type="radio"] {
min-height: unset !important;
}
Another report here 8541929-zen. Suggested adding CSS shared by @mikeicode.
Quick summary
When theme Assembler is active on a website, the Single Choice Option Block's display looks squeezed on the live site. Please refer to the following screenshot:
The button looks normal on the page editor:
On the live site, however, you can see the button looks squeezed:
Steps to reproduce
What you expected to happen
The radio button stays round
What actually happened
The radio button looks squeezed and not proportional.
Impact
Most (> 50%)
Available workarounds?
Yes, easy to implement
Platform (Simple and/or Atomic)
Atomic
Logs or notes
Workaround: Switch theme. In my interaction, I suggested the user switch the theme to TT4.
User report: 8458777-zen