icons turn white on active nav tabs

[wookets]

• Tabs (nav) are white.
• Active tabs are also white.
• Icons placed within the li of an active nav class use the white icon set.

Thus, white icons are being displayed on a white active tab, which obviously makes things look bad. Shades of gray from the icon still appear. For some icons, it is manageable, but for the home icon in particular it disappears leaving behind 5 gray dots and dashes which is not visually representative of a home.

[mdo]

Ah, word. I've changed the selectors for that to be more specific, targeting only nav tabs, pills, lists, and the inverse navbar in 2.1.1-wip.

[srutisha]

For the tab bar, this fix doesn't seem to work. Prefixing the .nav-tabs additionally with .navbar-inverse, however, does.

[spantaleev]

Shouldn't you remove the 2 selectors that apply the white image sprite when it comes to .nav-tabs?
Isn't that what this issue is about?

[reaperhulk]

This doesn't appear to be entirely fixed in 2.1.1. If you add an icon like this then the icon continues to be white (presumably because it is within an anchor tag):

<ul class="nav nav-tabs">
  <li class="active"><a href="#some-path" data-toggle="tab">Name <i class="icon-info-sign"></i></a></li>
</ul>

As a workaround, adding this to a secondary CSS file will override the issue:

.nav-tabs > .active > a > [class^="icon-"],.nav-tabs>.active>a>[class*=" icon-"] { background-image:url("../img/glyphicons-halflings.png") !important; }

I'm not much of a CSS guy so I don't promise that's a fix you should apply to your own site.

[spantaleev]

Yes, this didn't really fix the problem. Your CSS seems like a good way to work around it on 2.1.1

The issue is fixed in 2.1.2 by #4993

[mangandini]

I still have the same problem in 2.1.1 so it seems has not been fixed ? :/

[thezoggy]

right, thats why it was fixed in 2.1.2.

[J7mbo]

Latest version still seems to have this issue - I had to use @reaperhulk's CSS - which worked great!