Opened 6 years ago

Closed 6 years ago

Last modified 3 years ago

#3400 closed defect (bug) (fixed)

Hover Styling Error on Selected Chapter with Dropdown Menu

Reported by: mikeengland's profile mikeengland Owned by: coffee2code's profile coffee2code
Milestone: Priority: normal
Component: Handbooks Keywords: Styling


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:
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 > > div > a:hover {
    color: #fff;

Simple Fix

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

Attachments (1)

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

Download all attachments as: .zip

Change History (2)

6 years ago

Example hover state on menu item with children.

#1 @coffee2code
6 years 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.