When editing a node that contains a fieldset (for example, an entity reference field that points to media creates such a fieldset), there is no bottom margin applied to the fieldset, which means that the element will get stuck against the next element with no whitespace.

By default, Drulma appears to apply margin-bottom: 0.75em to the field class.

I'm not sure what the best way to fix this is.

For now, I added this to my CSS tweaks file:

.field--type-entity-reference {
  margin-bottom: 0.75rem;
}
CommentFileSizeAuthor
fieldset_with_class.PNG17.52 KBptmkenny
fieldset_no_class.PNG16.53 KBptmkenny

Comments

ptmkenny created an issue. See original summary.

rodrigoaguilera’s picture

rodrigoaguilera
Primary language Spanish
Location Madrid
commented
Status: Active » Fixed

I prefer to add a margin-top to avoid elements to stick together. That way it doesn't matter if the element above is a media library widget or any other type.

I think the collapsible element you have below in the screenshot must have a form-wrapper class and that was missing from a margin-top so I added it in a recent commit. I hope that solves your issue.

If it doesn't you can upload the relevant bit of HTML so I can paste it and try to reproduce the problem. without knowing what is the field below is difficult (is it a field_group?).

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.