Seven theme's details/summary doesn't have a hover style

Created on 27 February 2020, over 5 years ago
Updated 13 June 2025, 11 days ago

Problem/Motivation

There appears to be no hover style for <details><summary> elements for the Seven theme.
Tested on Firefox, Chrome + Safari, and there's no indication you're hovering over the summary.

Discovered while working on #3102724: Improve usability of core compatibility ranges on available updates report
Closely related to (and should be blocked on) #2980304: Seven theme's details/summary focus style is broken/missing in some browsers.
#2980304: Seven theme's details/summary focus style is broken/missing in some browsers. deals with the fact that text-decoration CSS doesn't reliably work on <summary> on all browsers by adding a <span> inside the <summary> (for which text-decoration works fine).

Proposed resolution

Add appropriate styles.
Probably will just have a weak text-decoration: underline for consistency with everything else in Seven.
Wait for the <span> from #2980304: Seven theme's details/summary focus style is broken/missing in some browsers. so we can get the underline working reliably on all browsers.

Remaining tasks

  1. Decide what to do
  2. Do it
  3. Reviews
  4. ...

User interface changes

TBD.

API changes

None.

Data model changes

None.

Release notes snippet

TBD.

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

🇺🇸United States dww

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024