Merge pull request #89 from hokaccha/fix-icon-font

Use <i> instead of pseudo element
bdash-app · Feb 10, 2020 · e3eb208 · e3eb208
2 parents 13b3f00 + a8d808a
commit e3eb208
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/renderer/components/TableList/TableList.css b/src/renderer/components/TableList/TableList.css
@@ -10,10 +10,7 @@
   position: relative;
 }
 
-.TableList-filter:before {
-  content: "\f002";
-  font-family: "FontAwesome";
-  display: inline-block;
+.TableList-filter > i {
   position: absolute;
   left: 14px;
   top: 16px;

diff --git a/src/renderer/components/TableList/TableList.tsx b/src/renderer/components/TableList/TableList.tsx
@@ -48,6 +48,7 @@ export default class TableList extends React.Component<Props> {
     return (
       <div className="TableList">
         <div className="TableList-filter">
+          <i className="fas fa-search" />
           <input type="search" value={dataSource.tableFilter} onChange={e => this.handleChangeTableFilter(e)} />
         </div>
         <ul>{items}</ul>