yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-31 20:33:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix LeftMenu bug with fontawesome

Browse Source
This commit is contained in:
soupette 2019-12-03 16:04:41 +01:00
parent 5b4e1cf661
commit d4b4e09c27
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/strapi-helper-plugin/lib/src/components/LeftMenuList/Wrapper.js
View File

@ -38,7 +38,8 @@ const Wrapper = styled.div`
right: 0;
padding: 2px 0 0px 5px;
line-height: 11px;
i {
i,
svg {
font-size: 11px;
}
}
@ -53,7 +54,7 @@ const Wrapper = styled.div`
width: calc(100% - 20px);
background: ${colors.leftMenu.lightGrey};
}
> i {
> svg {
position: absolute;
bottom: 6px;
left: 0;
@ -65,7 +66,8 @@ const Wrapper = styled.div`
right: 0;
padding: 5px 0 0px 5px;
line-height: 11px;
i {
i,
svg {
font-size: 11px;
}
}

7
packages/strapi-helper-plugin/lib/src/components/LeftMenuList/index.js
View File

@ -2,6 +2,7 @@ import React, { createRef, isValidElement, useEffect, useState } from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';
import { isEmpty } from 'lodash';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import matchSorter from 'match-sorter';
import Wrapper from './Wrapper';
@ -101,12 +102,12 @@ function LeftMenuList({ customLink, links, title }) {
&nbsp;&nbsp;<span>{getCount()}</span>
</h3>
<button onClick={toggleSearch}>
<i className="fa fa-search"></i>
<FontAwesomeIcon icon="search" />
</button>
</div>
) : (
<div className="search-wrapper">
<i className="fa fa-search"></i>
<FontAwesomeIcon icon="search" />
<button onClick={toggleSearch}></button>
<Search
ref={ref}
@ -115,7 +116,7 @@ function LeftMenuList({ customLink, links, title }) {
placeholder="search…"
/>
<button onClick={handleClose}>
<i className="fa fa-close"></i>
<FontAwesomeIcon icon="times" />
</button>
</div>
)}