feat: document menu available in sidebar (#986)

* feat: document menu available in sidebar

* fix: more accessible blue

* feat: accessible blue
feat: clearer new doc button
closes #983

* lint
This commit is contained in:
Tom Moor
2019-07-13 10:15:38 -07:00
committed by GitHub
parent 28954a19af
commit a515631e21
18 changed files with 176 additions and 108 deletions

View File

@@ -6,7 +6,7 @@ import { observer, inject } from 'mobx-react';
import { Redirect } from 'react-router-dom';
import styled from 'styled-components';
import breakpoint from 'styled-components-breakpoint';
import { NewDocumentIcon } from 'outline-icons';
import { EditIcon, PlusIcon } from 'outline-icons';
import { transparentize, darken } from 'polished';
import Document from 'models/Document';
import AuthStore from 'stores/AuthStore';
@@ -182,32 +182,42 @@ class Header extends React.Component<Props> {
)}
{canEdit && (
<Action>
<Button onClick={this.handleEdit} neutral small>
<Button
icon={<EditIcon />}
onClick={this.handleEdit}
neutral
small
>
Edit
</Button>
</Action>
)}
{!isEditing && (
<Action>
<DocumentMenu
document={document}
showToggleEmbeds={canToggleEmbeds}
showPrint
/>
</Action>
)}
{canEdit &&
!isDraft && (
<React.Fragment>
<Separator />
<Action>
<NewChildDocumentMenu
document={document}
label={<NewDocumentIcon />}
/>
</Action>
</React.Fragment>
<Action>
<NewChildDocumentMenu
document={document}
label={
<Button icon={<PlusIcon />} neutral>
New doc
</Button>
}
/>
</Action>
)}
{!isEditing && (
<React.Fragment>
<Separator />
<Action>
<DocumentMenu
document={document}
showToggleEmbeds={canToggleEmbeds}
showPrint
/>
</Action>
</React.Fragment>
)}
</Wrapper>
</Actions>
);