diff --git a/app/components/Actions/Actions.js b/app/components/Actions/Actions.js index 7296f1d55..0aebc3694 100644 --- a/app/components/Actions/Actions.js +++ b/app/components/Actions/Actions.js @@ -29,6 +29,10 @@ const Actions = styled(Flex)` border-radius: 3px; background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(20px); + + @media print { + display: none; + } `; export default Actions; diff --git a/app/components/Editor/Editor.js b/app/components/Editor/Editor.js index 8fa84d74e..92b5e6ef5 100644 --- a/app/components/Editor/Editor.js +++ b/app/components/Editor/Editor.js @@ -238,6 +238,10 @@ const Header = styled(Flex)` flex-shrink: 0; align-items: flex-end; ${({ readOnly }) => !readOnly && 'cursor: text;'}; + + @media print { + display: none; + } `; const StyledEditor = styled(Editor)` diff --git a/app/components/Editor/components/Contents.js b/app/components/Editor/components/Contents.js index b92ef7ceb..d89facb08 100644 --- a/app/components/Editor/components/Contents.js +++ b/app/components/Editor/components/Contents.js @@ -92,6 +92,10 @@ const Wrapper = styled.div` right: 0; top: 150px; z-index: 100; + + @media print { + display: none; + } `; const Anchor = styled.a` diff --git a/app/components/Layout/Layout.js b/app/components/Layout/Layout.js index 29878ed11..b5d755d00 100644 --- a/app/components/Layout/Layout.js +++ b/app/components/Layout/Layout.js @@ -124,6 +124,10 @@ const Container = styled(Flex)` const Content = styled(Flex)` margin-left: ${props => (props.editMode ? 0 : layout.sidebarWidth)}; transition: margin-left 200ms ease-in-out; + + @media print { + margin-left: 0; + } `; export default withRouter(inject('user', 'auth', 'ui', 'documents')(Layout)); diff --git a/app/components/Sidebar/Sidebar.js b/app/components/Sidebar/Sidebar.js index 92fbf89a0..348d7dcaa 100644 --- a/app/components/Sidebar/Sidebar.js +++ b/app/components/Sidebar/Sidebar.js @@ -106,6 +106,11 @@ const Container = styled(Flex)` width: ${layout.sidebarWidth}; background: ${color.smoke}; transition: left 200ms ease-in-out; + + @media print { + display: none; + left: 0; + } `; const Section = styled(Flex)` diff --git a/app/menus/DocumentMenu.js b/app/menus/DocumentMenu.js index e4dedde06..e6103d6e7 100644 --- a/app/menus/DocumentMenu.js +++ b/app/menus/DocumentMenu.js @@ -67,6 +67,7 @@ class DocumentMenu extends Component { Download + Print Move… {allowDelete && (