I'm experiencing an issue that is causing <legend>
to be rendered above other fields contained within the <fieldset>
when the <fieldset>
is contained within a vertical tab pane.
The padding defined by the following selector in the CSS for the Material skin:
body.adminimal-skin-material fieldset {
...
padding-top: 42px;
...
}
is overridden by the following selector in the CSS for vertical tabs:
div.vertical-tabs .field-group-tab fieldset {
...
padding: 12px;
...
}
I have resolved this by adding the following selector to material.css
:
body.adminimal-skin-material .vertical-tabs-panes fieldset {
padding-top: 42px;
}
The following screenshots show the issue and the result of the fix.
Fieldset legend overlapping field:
Fix applied:
#2551295: [Material skin] fieldset and legend glitch may be related, but it's unclear if the <fieldset>
was contained within a vertical tab pane in that issue report.
Comments
Comment #2
matt.elkins CreditAttribution: matt.elkins commentedAttaching a patch.
Comment #3
matt.elkins CreditAttribution: matt.elkins commentedComment #4
giupenni CreditAttribution: giupenni commented#2 works fine
Comment #5
tancConfirmed patch applies against 7.x-1.24 with an offset of 1 line. The patch fixes the legend positioning issue for me.
Comment #6
andrey.troeglazov CreditAttribution: andrey.troeglazov at DrupalJedi commentedComment #8
andrey.troeglazov CreditAttribution: andrey.troeglazov at DrupalJedi commented