WordPress.org

Making WordPress.org

#3400 closed defect (fixed)

Hover Styling Error on Selected Chapter with Dropdown Menu

Reported by: mikeengland Owned by: coffee2code
Milestone: Priority: normal
Component: Handbooks Keywords: Styling
Cc:

Description

In the Handbook on pages that have chapter menus I noticed that while hovering over an active chapter, that has a drop down, the top level menu item white text on a white background while hovering.

Example Page:
https://make.wordpress.org/docs/handbook/developer-resources/
If you select "Developer Resources" in the chapters menu and then hover over it the effect should be recreated.

Current Styling

.menu-table-of-contents-container > ul > li.open > div > a:hover {
    color: #fff;
}


Simple Fix

.menu-table-of-contents-container > ul > li.open > div > a:hover {
    color: #fff;
    background-color: #0073aa;
}

Attachments (1)

Hover State.PNG (55.9 KB) - added by mikeengland 15 months ago.
Example hover state on menu item with children.

Download all attachments as: .zip

Change History (2)

@mikeengland
15 months ago

Example hover state on menu item with children.

#1 @coffee2code
15 months ago

  • Owner set to coffee2code
  • Resolution set to fixed
  • Status changed from new to closed

In 6430:

Breathe: Fix chapters menu item background color on hover.

Props mikeengland.
Fixes #3400.

Note: See TracTickets for help on using tickets.