yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add icon to clarify menu functionality

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

11
app/components/Sidebar/components/HeaderBlock.js
View File

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

2
package.json
View File

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

6
yarn.lock
View File

@@ -7112,10 +7112,14 @@ osenv@^0.1.0, osenv@^0.1.4:
os-homedir "^1.0.0" os-homedir "^1.0.0"
os-tmpdir "^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" version "1.0.3"
resolved "https://registry.yarnpkg.com/outline-icons/-/outline-icons-1.0.3.tgz#f0928a8bbc7e7ff4ea6762eee8fb2995d477941e" 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: oy-vey@^0.10.0:
version "0.10.0" version "0.10.0"
resolved "https://registry.yarnpkg.com/oy-vey/-/oy-vey-0.10.0.tgz#16160f837f0ea3d0340adfc2377ba93d1ed9ce76" resolved "https://registry.yarnpkg.com/oy-vey/-/oy-vey-0.10.0.tgz#16160f837f0ea3d0340adfc2377ba93d1ed9ce76"