All the FIELDSET elements used in forms are now HTML 5 DETAILS -- change record here: https://drupal.org/node/1852020

The styling for fieldsets needs to be updated to retain a consistent look as far as possible.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

joachim’s picture

FileSize
45.34 KB

One problem is that the way in which the fieldset title is set into the fieldset border. With actual fieldset elements, that's done for us by the browser. Garland's styling just adds a bit of colour and a fancy expand/collapse icon.

With details/summary, we have to use CSS to position the summary (the former fieldset title) into its border. That's doable, but we then have to cover up that part of the border. That would normally be doable too, but Garland's gradient backgrounds make that pretty much impossible: it's very easy for a details/summary set to be at the top of the content area, with a gradient behind it.

So the best I think that can be done is to extend the border to go around the summary, so that it can have a solid background. Here's a screenshot. My CSS for this still needs some tidying up.

The alternative is to totally ditch the Garland style for details, and do something more like what Bartik has.

Manjit.Singh’s picture

FileSize
71.97 KB

Current fieldset is looks good :) Attaching screenshot.

joachim’s picture

FileSize
20.72 KB

Agreed, they're ok as they are, but I think it would be nice to try to preserve the styling they had in earlier versions.

Here's a D7 screenshot for reference.

joachim’s picture

FileSize
36.82 KB

Oops. Here's that screenshot again: Garland fieldsets on D7.

joachim’s picture

Status: Active » Needs review
FileSize
2.24 KB

Here's a patch that styles DETAILS like the screenshot in #1.

joachim’s picture

Status: Needs review » Fixed

No reviews, and patch is in danger of rotting if I work on other fixes, so I'm making an executive decision and committing it :)

  • joachim committed 056d2ac on 8.x-1.x
    Issue #2282365 by joachim: Converted fieldset styling to details.
    

Status: Fixed » Closed (fixed)

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