Prefix/suffix select2 renders oddly on public-facing pages
Prefix and suffix fields in contribution/event profiles render incorrectly on public-facing pages. See screenshot:
There are a couple of ways to fix, I'll do whatever folks like best.
One is to fix civicrm.css
here:
.crm-container.crm-public .select2-container .select2-choice {
padding: 5px 5px 5px 8px;
height: auto;
}
Changing height: auto
to height: 26px
matches the backend select2.css
. Other select2 widgets are unaffected because they have placeholder text. I could also add placeholder text to the default rendering of this widget, but I think the CSS fix makes more sense.
I'll submit a PR to continue this discussion.