Making WordPress.org

Opened 9 years ago

Closed 9 years ago

Last modified 5 years ago

#3400 closed defect (bug) (fixed)

Hover Styling Error on Selected Chapter with Dropdown Menu

Reported by: mikeengland Owned by: coffee2code
Priority: normal Milestone:
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 9 years ago.
Example hover state on menu item with children.

Download all attachments as: .zip

Change History (2)

@mikeengland
9 years ago

Example hover state on menu item with children.

#1 @coffee2code
9 years ago

  • Owner set to coffee2code
  • Resolution → fixed
  • Status new → closed

In 6430:

Breathe: Fix chapters menu item background color on hover.

Props mikeengland.
Fixes #3400.

Note: See TracTickets for help on using tickets.