gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Standarize icon styling

Browse Source
This commit is contained in:
Daniel Lautzenheiser 2022-09-20 10:51:51 -04:00
parent 9db942873e
commit 7bf2b590dd
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/netlify-cms-core/src/components/Collection/Sidebar.js
View File

@ -88,6 +88,19 @@ const AdditionalLink = styled.a`
} }
`; `;
const IconWrapper = styled.div`
height: 24px;
width: 24px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
> span {
margin-right: 0;
}
`;
export class Sidebar extends React.Component { export class Sidebar extends React.Component {
static propTypes = { static propTypes = {
collections: ImmutablePropTypes.map.isRequired, collections: ImmutablePropTypes.map.isRequired,
@ -144,7 +157,7 @@ export class Sidebar extends React.Component {
return ( return (
<li key={title}> <li key={title}>
<AdditionalLink href={url} target="_blank" rel="noopener"> <AdditionalLink href={url} target="_blank" rel="noopener">
{icon} <IconWrapper>{icon}</IconWrapper>
{title} {title}
</AdditionalLink> </AdditionalLink>
</li> </li>
@ -179,7 +192,7 @@ export class Sidebar extends React.Component {
activeClassName="sidebar-active" activeClassName="sidebar-active"
data-testid={collectionName} data-testid={collectionName}
> >
{icon} <IconWrapper>{icon}</IconWrapper>
{collection.get('label')} {collection.get('label')}
</SidebarNavLink> </SidebarNavLink>
</li> </li>