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