add some simple styles for showing white icons on hover where appropriate

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 810a67df3df7b410a5995ef8068244f67f6b6df6..584e89549e02d5c2e76323907c8c5f406f52ed53 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2043,7 +2043,14 @@ table .span24 {
   background-repeat: no-repeat;
 }
 
-.icon-white {
+/* White icons with optional class, or on hover/active states of certain elements */
+
+.icon-white,
+.nav > .active > a > [class^="icon-"],
+.nav > .active > a > [class*=" icon-"],
+.dropdown-menu > li > a:hover > [class^="icon-"],
+.dropdown-menu > li > a:hover > [class*=" icon-"].dropdown-menu > .active > a > [class^="icon-"],
+.dropdown-menu > .active > a > [class*=" icon-"] {
   background-image: url("../img/glyphicons-halflings-white.png");
 }
 

diff --git a/less/sprites.less b/less/sprites.less
index fa0b31da0362baf9a36d0da47fdbc13f2feca69f..6fd2d1da1ced3720fea1e231ce69ad62ef0e0397 100644 (file)
--- a/less/sprites.less
+++ b/less/sprites.less
@@ -25,9 +25,16 @@
   background-image: url("@{iconSpritePath}");
   background-position: 14px 14px;
   background-repeat: no-repeat;
-
 }
-.icon-white {
+
+/* White icons with optional class, or on hover/active states of certain elements */
+.icon-white,
+.nav > .active > a > [class^="icon-"],
+.nav > .active > a > [class*=" icon-"],
+.dropdown-menu > li > a:hover > [class^="icon-"],
+.dropdown-menu > li > a:hover > [class*=" icon-"]
+.dropdown-menu > .active > a > [class^="icon-"],
+.dropdown-menu > .active > a > [class*=" icon-"] {
   background-image: url("@{iconWhiteSpritePath}");
 }
 
@@ -177,15 +184,3 @@
 .icon-filter                  { background-position: -408px -144px; }
 .icon-briefcase               { background-position: -432px -144px; }
 .icon-fullscreen              { background-position: -456px -144px; }
-
-
-
-
-
-
-
-
-
-
-
-