Drupal 8 - Overlapping bar in Register an Attendee and Event Configuration

[jitendrapurohit]

Register event page - /civicrm/participant/add?reset=1&action=add&context=standalone has -

Confirmed on 2 d8 sites with the same issue.

On d7, these tabs are rendered correctly -

[jojowork]

We are facing similar problems with Legend Elements overlapping the actual content on Mailing Reports:

I did some investigation and the problem seems to be caused by this CSS-Code:

fieldset:not(.fieldgroup) > legend {
  position: absolute;
  top: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
}

The position: absolute; seems to result in an overlap over the content following after it.

Because this Bug is seriously limiting the usablity of Shoreditch I think we need to find an solution for this.

[abugey]

A similiar problem occurs

• when trying to modify settings to send emails to event participants. Checkbox is not visible.

• on the page /civicrm/admin/setting/smtp

[MegaphoneJon]

@jojowork @abugey Compuco does not support Shoreditch on any CMS except D7. I recommend using this fork instead: https://github.com/coopsymbiotic/shoreditch.git. I believe this is the fork used by CiviCRM Spark, so it gets quite a bit of use.