Add icon to clarify menu functionality

This commit is contained in:
Tom Moor
2018-05-06 14:01:28 -07:00
parent b37ed1f8d0
commit 3f5a9fdb3a
3 changed files with 16 additions and 3 deletions

View File

@@ -2,6 +2,7 @@
import * as React from 'react';
import styled from 'styled-components';
import { color } from 'shared/styles/constants';
import { ExpandedIcon } from 'outline-icons';
import Flex from 'shared/components/Flex';
import TeamLogo from './TeamLogo';
@@ -16,13 +17,21 @@ function HeaderBlock({ teamName, subheading, logoUrl, ...rest }: Props) {
<Header justify="flex-start" align="center" {...rest}>
<TeamLogo src={logoUrl} />
<Flex align="flex-start" column>
<TeamName>{teamName}</TeamName>
<TeamName>
{teamName} <StyledExpandedIcon color={color.text} />
</TeamName>
<Subheading>{subheading}</Subheading>
</Flex>
</Header>
);
}
const StyledExpandedIcon = styled(ExpandedIcon)`
position: relative;
top: 6px;
left: -4px;
`;
const Subheading = styled.div`
padding-left: 10px;
font-size: 11px;

View File

@@ -140,7 +140,7 @@
"nodemailer": "^4.4.0",
"normalize.css": "^7.0.0",
"normalizr": "2.0.1",
"outline-icons": "^1.0.2",
"outline-icons": "^1.1.0",
"oy-vey": "^0.10.0",
"pg": "^6.1.5",
"pg-hstore": "2.3.2",

View File

@@ -7112,10 +7112,14 @@ osenv@^0.1.0, osenv@^0.1.4:
os-homedir "^1.0.0"
os-tmpdir "^1.0.0"
outline-icons@^1.0.0, outline-icons@^1.0.2:
outline-icons@^1.0.0:
version "1.0.3"
resolved "https://registry.yarnpkg.com/outline-icons/-/outline-icons-1.0.3.tgz#f0928a8bbc7e7ff4ea6762eee8fb2995d477941e"
outline-icons@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/outline-icons/-/outline-icons-1.1.0.tgz#08eb188a97a1aa8970a4dded7841c3d8b96b8577"
oy-vey@^0.10.0:
version "0.10.0"
resolved "https://registry.yarnpkg.com/oy-vey/-/oy-vey-0.10.0.tgz#16160f837f0ea3d0340adfc2377ba93d1ed9ce76"