fix(pfFilter): Update filter dropdown to latest designs (#1137)

Author: dtaylor113

src/less/filter.less

@@ -32,6 +32,10 @@
   .caret {
     font-style: normal;
   }
+  &.filter-selected {
+    font-style: normal;
+    color: inherit;
+  }
 }
 .filter-pf-active-label {
   margin-right: 5px;

src/sass/converted/patternfly/_filter.scss

@@ -32,6 +32,10 @@
   .caret {
     font-style: normal;
   }
+  &.filter-selected {
+    font-style: normal;
+    color: inherit;
+  }
 }
 .filter-pf-active-label {
   margin-right: 5px;

src/sass/converted/rcue/_filter.scss

@@ -32,6 +32,10 @@
   .caret {
     font-style: normal;
   }
+  &.filter-selected {
+    font-style: normal;
+    color: inherit;
+  }
 }
 .filter-pf-active-label {
   margin-right: 5px;

tests/pages/_includes/widgets/forms/filter.html

@@ -49,7 +49,6 @@ <h3>Select Filters</h3>
               <span class="caret"></span>
             </button>
             <ul role="menu" class="dropdown-menu" aria-labelledby="filterSelectMenu">
-              <li><a href="#">Filter by Birth Month</a></li>
               <li><a role="menuitem" tabindex="-1" href="#">January</a></li>
               <li class="selected"><a role="menuitem" tabindex="-1" href="#">February</a></li>
               <li><a href="#">March</a></li>
@@ -90,25 +89,23 @@ <h3>Category Filters</h3>
         <div class="filter-pf-category-select">
           <div class="filter-pf-select">
             <div class="dropdown btn-group">
-              <button type="button" class="filter-pf-select-dropdown dropdown-toggle btn btn-default" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <button type="button" class="filter-pf-select-dropdown filter-selected dropdown-toggle btn btn-default" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 Subaru
                 <span class="caret"></span>
               </button>
               <ul class="dropdown-menu">
-                <li><a href="#">Filter by Car Make</a></li>
                 <li class="selected"><a href="#">Subaru</a></li>
                 <li><a href="#">Toyota</a></li>
               </ul>
             </div>
           </div>
           <div class="filter-pf-select">
             <div class="dropdown btn-group">
-              <button type="button" class="filter-pf-category-select-value filter-pf-select-dropdown dropdown-toggle btn btn-default" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <button type="button" class="filter-pf-category-select-value filter-pf-select-dropdown filter-selected dropdown-toggle btn btn-default" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 Crosstrek
                 <span class="caret"></span>
               </button>
               <ul class="dropdown-menu">
-                <li><a href="#">Filter by Car Model</a></li>
                 <li><a href="#">Outback</a></li>
                 <li><a href="#">Crosstrek</a></li>
                 <li><a href="#">Impreza</a></li>