make search icons better.

Author: liuwenchao

README.md

@@ -84,16 +84,11 @@ Attribute       | Options       | Default   | Description
 `previoustitle` | *String*      | undefined | title for previous page clicker
 `nexttitle`     | *String*      | undefined | title for next page clicker
 `lasttitle`     | *String*      | undefined | title for last page clicker
-`copyclass`     | *String*      | undefined | customized class for copy handler
-`removeclass`   | *String*      | undefined | customized class for remove handler
-`hintclass`     | *String*      | undefined | customized class for hint element in header
 `pagetext`      | *String*      | undefined | text before current page number
 `pageoftext`    | *String*      | undefined | text between page range and total page number
 `pagesizetext`  | *String*      | undefined | text before page size dropdown
 `summarytitle`  | *String*      | undefined | text before pagination summary
 `itemoftext`    | *String*      | undefined | text between item count range and total item number
-`filtershownclass`    | *String*      | undefined | customized class of filterrow when filter row is shown
-`filterhiddenclass`   | *String*      | undefined | customized class of filterrow when filter row is hidden
 
 
 ## Events

demo/theme-shim.css

@@ -58,10 +58,12 @@
   background-color: #eee;
 }
 #themed .hint,
-#themed .filterrow,
+#themed .search,
+#themed .nosearch,
 #themed .copy-er i,
 #themed .remove-er i
  {
+  border: 0;
   display: inline-block;
   font-family: FontAwesome;
   font-style: normal;
@@ -73,7 +75,10 @@
 #themed .hint:before {
   content:"\f05a";
 }
-#themed .filterrow:before {
+#themed .search:before {
+  content:"\f00e";
+}
+#themed .nosearch:before {
   content:"\f010";
 }
 #themed .copy-er i:before {

demo/theme.css

@@ -58,10 +58,12 @@
   background-color: #eee;
 }
 #themed::shadow .hint,
-#themed::shadow .filterrow,
+#themed::shadow .search,
+#themed::shadow .nosearch,
 #themed::shadow .copy-er i,
 #themed::shadow .remove-er i
  {
+  border: 0;
   display: inline-block;
   font-family: FontAwesome;
   font-style: normal;
@@ -73,7 +75,10 @@
 #themed::shadow .hint:before {
   content:"\f05a";
 }
-#themed::shadow .filterrow:before {
+#themed::shadow .search:before {
+  content:"\f00e";
+}
+#themed::shadow .nosearch:before {
   content:"\f010";
 }
 #themed::shadow .copy-er i:before {

src/aha-table.html

@@ -79,16 +79,20 @@
 				text-decoration: underline;
 			}
 			.arrow-up,
-			.arrow-down {
+			.arrow-down,
+			.search,
+			.nosearch {
 				width: 0; 
 				height: 0; 
 				border-left: 5px solid transparent;
 				border-right: 5px solid transparent;
 			}
-			.arrow-up {
+			.arrow-up,
+			.search {
 				border-bottom: 5px solid black;
 			}
-			.arrow-down {
+			.arrow-down,
+			.nosearch {
 				border-top: 5px solid black;
 			}
 			.copy-er, 
@@ -149,7 +153,7 @@
 							class="{{ selectable ? '' : 'hide'}}"/>
 						<div
 							title="{{searchtitle}}"
-							class="filterrow {{ searchable ? 'arrow-up' : 'arrow-down'}}"
+							class="filterrow {{ searchable ? 'search' : 'nosearch'}}"
 							on-click="{{ toggleFilters }}"></div>
 					</th>
 					<th template