Problem/Motivation
In older versions of Firefox, details elements in the Seven theme in Drupal 8.x, such as on admin/config/system/site-information , looked like this screenshot -- the summary line (which is a link to open/close the details area) showed up in blue, with a little triangle open/close icon next to it:
![Old screenshot of details element on admin/config/system/site-information]()
With current versions of Firefox, however, it isn't so nice. The summary line is black, and the open/close icon is missing:
![New screenshot of details element on admin/config/system/site-information]()
This is a big usability problem. It's not obvious without the little arrow or the blue color that this is a link to open/close the box, at least to me.
Proposed resolution
After some debugging, the problem was traced to the normalize.css file [see original issue summary in first comment for details]. We are currently using a 3.x version of the Normalize library, and it has "summary" elements with display: block;. The current version of the Normalize library uses display: list-item; instead.
So, we need to either:
a) Update to the current version of normalize. This option was rejected by the core maintainers in comment #13, and has been moved to its own issue: #2821525: Update normalize.css to 7.0.0
b) Add a small bit of CSS to our normalize library to override display: block for summary elements. That is what is in the current patch.
Remaining tasks
a) [done] Figure out what to do [Make a small patch to add CSS to override that one piece of the normalize library].
b) [done] Make a patch.
c) Test the patch on multiple browsers:
- Firefox - works - tested in comment # 20
- Chrome - works - tested in comment # 22
Novice task:
- Apply the patch on a local Drupal site. It doesn't really matter which version of Drupal you are using.
- Clear the cache.
- Visit a page like admin/config/system/site-information , using the current version of a browser that has not yet been tested (see Proposed Resolution section, above this in the issue summary).
- See if the summary lines on details elements are formatted correctly (with the drop-arrow) or not.
- Make a screenshot similar to the ones in comments #20 and #22.
- Add a comment telling which browser you tested, and upload your screenshot in the Files section.
User interface changes
Details elements on admin pages will again have the drop-down arrow applied to them in current versions of Firefox. Right now they don't and it's rather confusing UI.
API changes
None.
Data model changes
None.