Skip to main content

Search and Top Navigation

#7870 closed bug (notabug)

Opened November 11, 2011 02:23PM UTC

Closed November 11, 2011 02:33PM UTC

Last modified November 11, 2011 02:34PM UTC

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:

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"));

Attachments (0)
Change History (2)

Changed November 11, 2011 02:33PM UTC by rdworth comment:1

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 ".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)"

Changed November 11, 2011 02:34PM UTC by rdworth comment:2

component: ui.accordionCSS Framework