Opened 8 years ago

Closed 8 years ago

Last modified 8 years ago

#7870 closed bug (notabug)

ui-widget-header font style applied to navigation hyperlinks

Reported by: thehalcyon1234 Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.css-framework Version: 1.8.13
Keywords: Cc:
Blocked by: Blocking:

Description

http://jsfiddle.net/6D5Qv/

If I put an accordion inside a ui-widget-header, the navigation section take on the background of ui-content-widget (good), but the font of ui-content-header (bad).

Since header has a light font, and content a light background, the links are effectively invisible. The included jsfiddle is using ui-lightness to demonstrate.

Non-hyperlinks correctly pick up the font style of ui-widget-content. Hyperlinks should, too.

My hacky hacky fix is to manually re-apply the font style via jquery:

$(".ui-widget-header .ui-accordion-content a").css("color", $("<div class='ui-widget-content'></div>").css("color"));

Change History (2)

comment:1 Changed 8 years ago by rdworth

Resolution: invalid
Status: newclosed

This is not an intended use and is therefore not supported. The ui-widget-content element is designed to be a sibling not a child of the ui-widget-header class. Per http://jqueryui.com/docs/Theming/API ".ui-widget-content: Class to be applied to content containers. Applies content container styles to an element and its child text, links, and icons. (can be applied to parent or sibling of header)"

comment:2 Changed 8 years ago by rdworth

Component: ui.accordionCSS Framework
Note: See TracTickets for help on using tickets.