diff --git a/app/scenes/Document/Document.js b/app/scenes/Document/Document.js index 46bffb4fb..3b07bf53c 100644 --- a/app/scenes/Document/Document.js +++ b/app/scenes/Document/Document.js @@ -23,6 +23,7 @@ import type { Revision } from 'types'; import Document from 'models/Document'; import Header from './components/Header'; import DocumentMove from './components/DocumentMove'; +import Branding from './components/Branding'; import ErrorBoundary from 'components/ErrorBoundary'; import DocumentHistory from 'components/DocumentHistory'; import LoadingPlaceholder from 'components/LoadingPlaceholder'; @@ -367,6 +368,7 @@ class DocumentScene extends React.Component { {isHistory && ( )} + {isShare && } ); } diff --git a/app/scenes/Document/components/Branding.js b/app/scenes/Document/components/Branding.js new file mode 100644 index 000000000..47c7eefcf --- /dev/null +++ b/app/scenes/Document/components/Branding.js @@ -0,0 +1,35 @@ +// @flow +import * as React from 'react'; +import styled from 'styled-components'; +import OutlineLogo from 'shared/components/OutlineLogo'; + +function Branding() { + return ( + +  Outline + + ); +} + +const Link = styled.a` + position: fixed; + bottom: 0; + left: 0; + + font-weight: 600; + font-size: 14px; + text-decoration: none; + border-top-right-radius: 2px; + color: ${props => props.theme.black}; + display: flex; + align-items: center; + padding: 12px; + opacity: 0.8; + + &:hover { + opacity: 1; + background: ${props => props.theme.smoke}; + } +`; + +export default Branding; diff --git a/shared/components/OutlineLogo/index.js b/shared/components/OutlineLogo/index.js new file mode 100644 index 000000000..8bbc2f850 --- /dev/null +++ b/shared/components/OutlineLogo/index.js @@ -0,0 +1,9 @@ +// @flow +import * as React from 'react'; +import logo from './logo.png'; + +function OutlineLogo() { + return Outline Logo; +} + +export default OutlineLogo; diff --git a/shared/components/OutlineLogo/logo.png b/shared/components/OutlineLogo/logo.png new file mode 100644 index 000000000..59fc4a62b Binary files /dev/null and b/shared/components/OutlineLogo/logo.png differ