jquery/jquery-mobile — Issue #3513: link inside bar (CSS)
Author: uGoMobi
Created: 2012-01-31 11:37:39+00:00
State: open

In the theme CSS every swatch has rules for ui-link - and pseudo classes - inside ui-bar ( .ui-bar-a .ui-link, .ui-bar-c .ui-link:visited, et cetera). I guess those rules only apply when you use a container inside a header or footer and put links inside them. Because of the container they will appear as regular text links.

Problem is that when the div with data-role page has class ui-body-c and the header or footer has class ui-bar-a the color of .ui-body-c .ui-link will be applied to the link instead of .ui-bar-a .ui-link (this example reflects the default situation). So I would have to reorder my theme CSS and put the A swatch styles below those of the C swatch to benefit from those rules.

The fact that you can't configure the .ui-bar .ui-link colors in the Theme Roller (thegenerated CSS will contain the colors of the default theme) also makes me think these rules could be omitted.